个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我在我的 HTML 页面中实现了 Filepicker.io 以选择和上传一张或多张图片。
用于选择一个或多个文件的 Filepicker.io 功能对我来说工作正常。用户能够选择一个或多个图像。此外，如果用户想要删除任何选定的图像，他/她可以删除它们。到这里为止，一切对我来说都很好。
以下是我使用 Filepicker.io 选择一个或多个图像的工作代码:
<!DOCTYPE html>
<html>
<head>
<link href="vshare.css" type="text/css" rel="stylesheet"/>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js">
</script>
<script src="http://api.filepicker.io/v1/filepicker.js"></script>
<script>
function filePicker(event) {
html = '';
for(var i=0;i<event.fpfiles.length;i++) {
mimetype = event.fpfiles[i].mimetype;
file = event.fpfiles[i].filename;
var extension = file.substr( (file.lastIndexOf('.') +1) );
switch(extension) {
case 'jpg':
case 'png':
case 'gif':
case 'jpeg':
html += '<div class="vshare_item">';
html += '<a class="vshare_item_delete" onclick="vshare_item_delete(this);"><i class="fa fa-times"></i></a>';
html += '<img src="'+event.fpfiles[i].url+'" class="vshare_item_img"/>';
html += '<input type="hidden" name="val[vshare]['+event.fpfiles[i].filename+'][]" value="'+event.fpfiles[i].url+'" />';
html += '</div>';
html += '<div class="clear"></div>';
break;
/*case 'doc':
case 'docx':
case 'ppt':
case 'pptx':
case 'pps':
case 'xls':
case 'xlsx':
case 'pdf':
case 'ps':
case 'odt':
case 'sxw':
case 'sxi':
case 'txt':
case 'rtf':
html += '<div class="vshare_item">';
html += '<a class="vshare_item_delete" onclick="vshare_item_delete(this);"><i class="fa fa-times"></i></a>';
html += '<img src="'+$("#global_attachment_vshare #sDocPath").val()+extension+'.png'+'" class="vshare_item_img"/>';
html += '<input type="text" name="val[vshare]['+event.fpfiles[i].filename+'][]" value="'+event.fpfiles[i].url+'" />';
html += '</div>';
html += '<div class="clear"></div>';
break;*/
default:
break;
}
}
$("#global_attachment_vshare #vshare_response").html(html) ;
$bButtonSubmitActive = true;
$('.activity_feed_form_button .button').removeClass('button_not_active');
}
function vshare_item_delete(args) {
$(args).parent(".vshare_item").remove();
}
</script>
</head>
<body>
<form action="sample_test.php" method="post">
<input type="filepicker" data-fp-apikey="Ajid7OnMRU2NCcKBMGTdNz" data-fp-mimetypes="*/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="BOX,DROPBOX,GOOGLE_DRIVE,EVERNOTE" onchange="filePicker(event);">
<input type="submit" name="Submit" value="Submit File">
</form>
</body>
</html>
如果你只是在你的机器上创建一个空白的 HTML 文件并复制粘贴上面的代码，它肯定会工作。
现在我面临的问题是我无法在表单上创建隐藏的输入字段。这些输入隐藏字段用于存储所选文件的文件名和文件路径。
在我的代码中，我尝试只将文件名存储到隐藏字段中，但我还需要存储文件路径。我不明白我哪里做错了，所以没有生成隐藏字段。
有人可以在这方面帮助我吗？这对我会有很大的帮助。
如果您有任何其他疑问，请询问我所面临的问题，请告诉我。我非常乐意为您提供帮助。
感谢您花费宝贵的时间来了解我的问题并对我的问题表现出兴趣。
我们将不胜感激任何形式的帮助、建议、评论和回答。
等待您宝贵的回复。
最佳答案
从外观上看，这不是您的代码。这是服务器端问题。
出现 500 错误意味着“https://dialog.filepicker.io/api/path/Dropbox/”页面给您的响应不正确...根据您添加的评论，这取决于此文件选择器的工作方式。
如果您可以使用另一个文件选择器，那可能是更好的选择。但不确定错误是否在他们的末端，或者您的“sample_test.php”页面是否在它到达他们之前被调用。取决于 filepicker.io 的工作方式。
让控制台保持打开状态，清除所有旧消息，然后从头开始执行这些步骤以上传文件。每次点击或交互后观察控制台，一旦你看到错误。不要再做任何事情，而是转到浏览器调试器的网络/url 请求部分。在这里你可以看到你的页面/浏览器请求的文件/url。然后您可以确认哪个页面产生了 500 错误并开始使用该页面。
第二个可能的原因
如@Jenish 所述，#global_attachment_vshare 似乎不存在于您的 html 页面上。它是在注释掉的 rtf 案例中吗？
编辑
实际上仔细检查了一下，您的页面上似乎没有任何输出元素。
从这里
$("#global_attachment_vshare #vshare_response").html(html) ;
为此
$("#vshare_response").html(html) ;
来自这个
<form action="sample_test.php" method="post">
<input type="filepicker" data-fp-apikey="Ajid7OnMRU2NCcKBMGTdNz" data-fp-mimetypes="*/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="BOX,DROPBOX,GOOGLE_DRIVE,EVERNOTE" onchange="filePicker(event);">
<input type="submit" name="Submit" value="Submit File">
</form>
对此:
<form action="sample_test.php" method="post">
<input type="filepicker" data-fp-apikey="Ajid7OnMRU2NCcKBMGTdNz" data-fp-mimetypes="*/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="BOX,DROPBOX,GOOGLE_DRIVE,EVERNOTE" onchange="filePicker(event);">
<input type="submit" name="Submit" value="Submit File">
</form>
<div id="vshare_response"></div>
关于javascript - 为什么用于存储所选文件名和文件路径的隐藏输入字段没有在以下情况下生成在表单上？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28759017/
24
4
0
任何帮助深表感谢。我正在尝试创建一个 SSIS 包来遍历文件夹中的文件并获取路径+文件名，最后执行存储的过程，参数为路径+文件名。我不确定如何获取路径+文件名并将其作为参数插入到存储过程中。我附上了截
我想编写一个小脚本来搜索确切的文件名，而不是文件名中的字符串。 例如，如果我使用资源管理器搜索“主机”，默认情况下我会得到多个结果。对于脚本，我只需要我指定的名称。我假设这可能吗？ 我才真正开始编写脚
str(文件.key) = '1011/101011/文件名' newFileName = str(file.key) 但是，当我运行代码时，我得到: UnicodeEncodeError: 'asc
下面这段子程基本上可以算是比较不错的通用匹配了。(PS:我突然发现CODE_LITE把我的UBB转义了！！！晕,我只好自己转义了。。。) Dim objRegExp,Matc
PHP 无法处理带有 Unicode 字符的文件:当我在浏览器上访问 testSite/главная.php 时，它会抛出此错误。 Warning: Unknown: failed to open
我正在尝试包含 Dim在 Vlookup 中。 Dim filename As String filename = Format(DateAdd("d", -6, Now()), "mm-dd-yy"
在我的日常构建项目中，我们将其库存储到其版本名称目录中。 . 对于最新的，我们正在创建符号链接(symbolic link)作为“最新”。 前任。- ls -ltr drw-r--r-- 1 4096
重新安装了 Windows 10(版本 10.0.14393)。重新安装了以下内容: java java version "1.8.0_121" Java(TM) SE Runtime Environ
我想使用 Jekyll 和 GitHub Pages 构建文档站点。问题是 Jekyll 只接受 _posts 下的文件名具有精确的图案，如 YYYY-MM-DD-your-title-is-here
我不知道我发生了什么事。我想访问一个包含多个文件的目录，假设: folder\\1.txt 2.txt 3.txt.... 现在我想根据它们的出现情况来阅读它们，我的意思是首先是最低的，只是我想按升
如何将/放入文件名(即/不分隔路径的组成部分)？ 最佳答案 你不知道。 UNIX 文件名中不允许使用斜线。 关于unix - 你如何获得 a/into 文件名？，我们在Stack Overflow上找
我需要复制一个大文件夹，并重命名其中的所有文件和文件夹(如果它们包含特定字符串)。基本上我想复制所有内容并将 10 的任何实例更改为 11。 例如，如果我有一个结构如下的文件夹: mainfolder
我有一个简单的 python (2.7) 脚本，应该执行一些 svn 命令: def getStatusOutput(cmd): print cmd p = subprocess.Po
我正在尝试读取以字符串形式存储在数据文件中的文件名。那里没问题。如果我将它传递给 genfromtxt，我会收到错误“IOError:Z:\Python\Rb input.txt not found”
简单的问题。 当我尝试打开名为 text.txt 的文件时，它可以正常工作。 但是，如果我将文件重命名为 text.cir.txt，则会出现错误。 我可以做什么来修复它？ FILE *fd; char
我是 c# 的业余爱好者，我一直无法找到这个问题的答案。也许我不知道要使用的正确术语。 当一个视频文件被拖到我的 exe 应用程序上时，我希望应用程序知道它是用一个文件启动的，并且能够知道该文件的路径
我知道我必须使用 Substring 来删除，但我不知道该怎么做。我需要像这样删除字符串的结尾 来自 "C:\\Users\\myname\\Pictures\\shoeImage.jpg" 到 "C
运行 eclipse 时我收到此错误。但是当我运行我的项目时，它是在内部浏览器中执行的。但它不会在默认的系统浏览器中执行。对此任何一个答案。先谢谢您的回答 最佳答案 您可以从 eclipse 更改浏览
我想要求用户选择一个要从外部存储打开的文件并接收它的路径。最好我想避免过多的编码并使用一些标准方法(众所周知，系统提供的 Intent 或类似方法)。所说的文件是SpatiaLite db文件(*.s
我有一个文件名数据库，我正在尝试使用 PG 的全文搜索工具在其中进行搜索。我在文件名表上运行搜索查询，问题是排名函数没有按照我希望的那样对结果进行排名。为了便于讨论，我们假设架构如下所示: creat
我是一名优秀的程序员,十分优秀！