0
function uploadToServer(){
fileField = document.getElementById("uploadedFile");
var fileToUpload = fileField.files[0];
var xhr = new XMLHttpRequest();
var uploadStatus = xhr.upload;
uploadStatus.addEventListener("progress", function (ev) {
if (ev.lengthComputable) {
$("#uploadPercentage").html((ev.loaded/ev.total) * 100 + "%");
}
}, false);
uploadStatus.addEventListener("error", function (ev) {$("#error").html(ev)}, false);
uploadStatus.addEventListener("load", function (ev) {$("#error").html("sorry!")}, false);
xhr.open(
"POST",
"serverUpload.php",
true
);
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.setRequestHeader("X-File-Name", fileToUpload.fileName);
xhr.setRequestHeader("X-File-Size", fileToUpload.fileSize);
xhr.setRequestHeader("X-File-Type", fileToUpload.type);
//xhr.setRequestHeader("Content-Type", "application/octet-stream");
xhr.send(fileToUpload);
}
$(函数(){
$("#uploadButton").click(uploadToServer);
});
`
<form action="" name="uploadForm" method="post" enctype="multipart/form-data">
。在这个代码是工作的罚款。但我需要增加div大小。但是这个只显示百分比。我必须改变才能获得第一个。
谢谢杰伊。但我对jquery很陌生,所以无法修正第一个问题。我做到了,但并不顺利。 –
我给你的代码,它的工作正常。只需复制整个代码并将其粘贴到带有.html扩展名的新文件中并运行即可。它会给你的结果。后来你把这个脚本部分放在你的代码中。并在html身体部分放置进度元素。 – Jaydipsinh
好的,谢谢你..我会试试.. –