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

可以用简单的javascript实现多文件上传状态栏吗?,javascript,jquery,file-upload,Javascript,Jquery,File Upload,我在我的网站上上传了一个文件 <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> 代码将预览此图像 用户选择要上载的文件

我在我的网站上上传了一个文件

<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完成吗

如果是,如何进行


(我只想让它简单,只显示文本。我不想要进度条。)

我想你想要用ajax上传文件,请遵循此文档

简短回答是,这可以使用JavaScript完成

长话短说,银行端和前端都有需要处理的事情。与其从头开始,我建议你可以利用它来完成这项工作。很明显,你还没有提到到目前为止你试过什么。因此,您可以查看有关如何使其工作的详细信息

更新
我以前没有提到过这一点,但是如果没有Ajax(iFrame work around/XHR file upload)和JavaScript,您将无法做到这一点。

这是一个相当简单的案例,但要使此功能正确地跨浏览器,还需要做一些工作。有一些图书馆会为你处理大部分的信息。一个这样的图书馆就是。您可以使用Fine Uploader的“基本”模式,该模式允许您创建自己的UI,并且仍然可以从库提供的所有跨浏览器上传代码中获益


完全披露:我是Fine Uploader的主要维护者。

我已经读过这个链接。但我一直在寻找一个没有ajax的解决方案。只是简单的javascript。有可能吗?如果没有ajax,您可以使用iframe,将表单提交到隐藏的iframe,如果加载了它,您可以显示消息。此链接将帮助您喜欢iswan提供的链接。我也读过这篇文章。在线可用插件的问题在于,它们是作为一个集合提供的,它们不使用html5代码,它们通常在插件中创建自己的按钮,并使用ajax和javascript来实现这一点。我希望找到一种实现这一点的纯javascript方法。我通常喜欢学习互联网的组成部分,这就是为什么我喜欢从头开始工作,而不太喜欢使用插件。谢谢。它主要基于HTML5,并且具有向后兼容性。如果你不想,他们不会创建自己的按钮。签出时,它不使用自定义CSS,您可以使用回调。我会再次检查它。我并不是第一次真正投入其中。