javascript - 使用 Dropzone.js 的非 ajax 帖子

Question

我想知道是否有任何方法可以让 Dropzone.js ( http://dropzonejs.com ) 使用标准浏览器 POST 而不是 AJAX。

有什么方法可以在提交之前将 inputs type=file 注入(inject)到 DOM 中吗？

Answer 1

没有。您不能手动设置 <input type='file'> 的值出于安全原因。当您使用 Javascript 拖放功能时，您将完全超越文件输入。从用户计算机获取文件后，将文件提交到服务器的唯一方法是通过 AJAX。

解决方法:您可以改为序列化文件或以其他方式将其字符串化并将其作为字符串附加到表单，然后在服务器端反序列化。

var base64Image;
var reader  = new FileReader();
reader.addEventListener("load", function () {
    base64Image = reader.result;
    // append the base64 encoded image to a form and submit
}, false);
reader.readAsDataURL(file);

也许您使用 dropzone.js 是因为文件输入很难看且难以设计样式？如果是这样的话，这个 Dropzone.js alternative可能对你有用。它允许您创建可以与表单一起提交的自定义样式输入。它也支持拖放，但是通过拖放你不能按照你想要的方式提交表单。 免责声明:我是上述库的作者。