html – 如何使用一个文件输入元素上传多个文件

前端之家收集整理的这篇文章主要介绍了html – 如何使用一个文件输入元素上传多个文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用一个文件输入元素将多个文件上传到使用html格式的驱动器。这似乎只适用于一个文件,尽管文件选择器允许选择多个文件。回到脚本日志查看器,我只看到我上传的两个文件。这是不受支持的,还是我错误的方式呢?

Code.gs:

function logForm(form) {
  Logger.log(JSON.stringify(form));
  return true;
}

index.html的:

<html>
  <form id="uploadTest" enctype="multipart/form-data">
    <input type="file" multiple="multiple" name="fileUpload">
    <input type="button" id="upload" value="upload"
    onclick="google.script.run.logForm(document.getElementById('uploadTest'));">
  </form>
</html>

日志视图:

{"fileUpload":{"contents":"GIF87a\u0001\u0000\u0001\u0000�
\u0000\u0000��̖��,\u0000\u0000\u0000\u0000\u0001\u0000
\u0001\u0000\u0000\u0002\u0002D\u0001\u0000;","type":"image/gif","name":"1x1.gif","length":35}}

解决方法

当您单击文件字段的浏览按钮时,对话框中的多个文件选择仅适用于 new browsers supporting HTML5.它不允许为旧浏览器多次选择。对于旧版浏览器,唯一的好的解决方案是Flash或JavaScript插件。这是一个很好的jquery上传者的资源(一些支持多个文件): http://creativefan.com/10-ajax-jquery-file-uploaders/.因此,我的建议是使用一些插件,以支持旧的以及新的浏览器。

猜你在找的HTML相关文章