javascript - 可以用简单的javascript实现多文件上传状态栏吗？

Question

我的网站上有一个文件上传。

<form enctype="multipart/form-data" action="post.php" method="POST">
<input id="uploadInput" name="uploadedfile[]" type="file" multiple>
<input type="submit" value="PREVIEW POST">
</form>

代码将预览此图像

用户选择要上传的文件后，将显示此图像

使用 javascript，我希望在用户选择和上传后在其旁边显示一个简单的文本。

当所有文件上传完毕后，显示上传完成

上面的内容可以只用 javascript 或 jquery 来完成吗？

如果是，怎么做？

(我只是希望它简单，只显示文本。我不需要进度条。)

Answer 1

简短的回答是，这可以使用 JavaScript 来完成。

更长的答案，银行端和前端都有一些事情需要注意。我建议您可以使用Jquery-file-upload，而不是从头开始。完成这件事。显然你还没有提到到目前为止你尝试过什么。所以你可以看看wiki doc关于如何让它发挥作用。

更新我之前没有提到这一点，但是如果没有 Ajax(iFrame 解决方案/XHR 文件上传)并且仅使用 JavaScript，您将无法做到这一点。