0

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

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

如果是,如何?

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

4

3 回答 3

1

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

更长的答案,在银行端和前端都有一些事情需要处理。我建议您可以使用Jquery-file-upload来完成这项工作,而不是从头开始。显然你还没有提到到目前为止你尝试了什么。因此,您可以查看wiki 文档,了解如何使其工作。

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

于 2013-03-28T06:04:20.227 回答
1

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

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

于 2013-03-28T15:42:37.550 回答
0

我想你想用 ajax 上传文件,请按照这个文档。http://www.sitepoint.com/html5-ajax-file-upload/

于 2013-03-28T06:04:03.263 回答