可以将多文件上传状态栏用简单的JavaScript来实现？(Can a multiple file

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

<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来完成。

较长的答案，有事情需要照顾的bankend以及前端。 相反，从头开始做的，我建议你可以使用jQuery的文件上传完成这件事。 显然，你没有提到你有什么到目前为止已经试过。 所以，你可以看看维基DOC你如何能得到这个工作。

更新之前我没有提到这一点，但你不能够做到这一点没有Ajax（iFrame的工作大约/ XHR文件上传），只是使用JavaScript。

Answer 2:

这是一个相当简单的例子，但是这牵涉到使该功能正常跨浏览器的一些工作。 有图书馆，在那里，会照顾这个最适合你。 这种库之一是精细上传 。 您可以使用精细上传的“基本”的模式，它允许你创建自己的UI，仍然可以得到所有的跨浏览器上传的代码库提供的好处。

全面披露：我很好上传的主要维护者。

Answer 3:

我想你想上传文件使用Ajax，请按照本文档。 http://www.sitepoint.com/html5-ajax-file-upload/

文章来源: Can a multiple file upload status bar be implemented with simple javascript?