使用Html5實(shí)現(xiàn)異步上傳文件,支持跨域

1、使用html5實(shí)現(xiàn)異步上傳文件,支持跨域頁面代碼：xml/html code復(fù)制內(nèi)容到剪貼板 html5上傳文件 html5上傳文件測試，帶進(jìn)度條 function fileselected() /重置狀態(tài)顯示 document.getelementbyid("msg").innerhtml = "" document.getelementbyid('percentnumber').innerhtml = '' document.getelementbyid("progre

2、ss").style.width = "0%" var file = document.getelementbyid('fileinput').files0; if (file) var filesize = 0; if (file.size > 1024 * 1024) filesize = (math.round(file.size * 100 / (1024 * 1024) / 100).tostring() + 'mb' else filesize = (math.round(file.size

3、 * 100 / 1024) / 100).tostring() + 'kb' document.getelementbyid('filename').innerhtml = 'name: ' + ; document.getelementbyid('filesize').innerhtml = 'size: ' + filesize; document.getelementbyid('filetype').innerhtml = 'type: ' + file.t

4、ype; function uploadfile() var fd = new formdata(); fd.append("fileinput", document.getelementbyid('fileinput').files0); var xhr = new xmlhttprequest(); xhr.upload.addeventlistener("progress", uploadprogress, false); xhr.addeventlistener("load&

5、;quot;, uploadcomplete, false); xhr.addeventlistener("error", uploadfailed, false); xhr.addeventlistener("abort", uploadcanceled, false); xhr.open("post", "00:9001/home/upload");/修改為自己服務(wù)器接口地址 /xhr.setrequestheader(

6、"access-control-allow-origin", "*");/需要在iis里面配置，就可以跨域哀求了 /xhr.setrequestheader("content-type", "multipart/form-data"); xhr.send(fd); function uploadprogress(evt) if (evt.lengthcomputable) var percentcomplete = math.round(evt.loa

7、ded * 100 / evt.total); document.getelementbyid('percentnumber').innerhtml = percentcomplete + '%' var jindutiao = document.getelementbyid("progress"); jindutiao.style.width = percentcomplete + "%" else document.getelementbyid('percentnumber

8、9;).innerhtml = '不支持進(jìn)度計(jì)算' function uploadcomplete(evt) /evt.target.responsetext document.getelementbyid("msg").innerhtml = "上傳勝利" function uploadfailed(evt) document.getelementbyid("msg").innerhtml = "上傳過程中有一個錯誤" function uploadcanceled(evt) document.getelementbyid("msg&am