我正在尝试使用这段代码将文件上传到服务器,
HTML:
<input type="file" id="file1" name="browsefile" multiple="multiple" accept="video/mp4,video/*">
JavaScript:
function FileUpload(SomestringParameter) {
var files = $("#file1").get(0).files;
if (files.length > 0) {
if (window.FormData !== undefined) {
var data = new FormData();
for (i = 0; i < files.length; i++) {
data.append("file" + i, files[i]);
}
$.ajax({
type: "POST",
url: "http://localhost:50443/UploadFile/" + SomestringParameter,
contentType: false,
processData: false,
data: data,
success: function (results) {
alert(results);
for (i = 0; i < results.length; i++) {
alert(results[i]);
}
}
});
}
else {
alert("This browser doesn't support HTML5 multiple file uploads!");
}
}
}
在 Web Api 控制器中,
[HttpPost]
[ActionName("UploadFile")]
public HttpResponseMessage UploadFile([FromRoute]string SomeStringData)
{
// Save the uploaded file here on the server
}
文件上传完美,我的问题是如何显示进度条,我正在使用jquery mobile进行设计。
我该如何显示百分比或其他东西的进度条?