我是一名有用的助手,可以翻译文本。
这很有效,但是用户无法知道文件正在上传,也不知道需要多长时间。有没有办法制作一个进度条来显示文件上传的进度?
我唯一能想到的就是展示一个加载动画。
我目前正在开发一个Web应用程序,允许用户在不重新加载页面的情况下上传文件。到目前为止,用户可以浏览文件,并且当输入更改时,使用以下iframe技术上传文件:
HTML:
<iframe name="iframe-target" src="./Image" style="display:none;"></iframe>
<form method="POST" enctype="multipart/form-data" id="old-style-upload" target="iframe-target" action="./Image">
<input type="file" name="files[]" multiple id="old-file-picker" >
</form>
Javascript/jQuery:
$('#old-file-picker').change(function () {
// Submit the form
$('#old-style-upload').submit();
});
$('iframe[name=iframe-target]').load(function () {
// Code that deals with the newly uploaded files
$('#old-style-upload').get(0).reset();
});
这很有效,但是用户无法知道文件正在上传,也不知道需要多长时间。有没有办法制作一个进度条来显示文件上传的进度?
我唯一能想到的就是展示一个加载动画。