html5 上传文件功能的代码实现#一类特选

1、html5 上传文件功能的代码实现Html5代码：选择文件上传者：Javascrpit代码：ar xhr = new XMLHttpRequest();/监听选择文件信息function fileSelected() /HTML5文件API操作var file = document.getElementById(fileName).files0;if(file) var fileSize = 0;if(file.size 1024 * 1024)fileSize = (Math.round(file.size * 100 / (1024 * 1024) / 100).toString() +

2、MB;elsefileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + KB;document.getElementById(fileName).innerHTML = Name: + ;document.getElementById(fileSize).innerHTML = Size: + fileSize;document.getElementById(fileType).innerHTML = Type: + file.type;/上传文件function uploadFile() var f

3、d = new FormData();/关联表单数据,可以是自定义参数fd.append(name, document.getElementById(name).value);fd.append(fileName, document.getElementById(fileName).files0);/监听事件xhr.upload.addEventListener(progress, uploadProgress, false);xhr.addEventListener(load, uploadComplete, false);xhr.addEventListener(error, upload

4、Failed, false);xhr.addEventListener(abort, uploadCanceled, false);/发送文件和表单自定义参数xhr.open(POST, 8:36161/eqp/upload?strOperator=chenzl);xhr.send(fd);/取消上传function cancleUploadFile() xhr.abort();/上传进度function uploadProgress(evt) if(evt.lengthComputable) var percentComplete = Math.round(evt.loaded * 100 / evt.total);document.getElementById(progressNumber).innerHTML = percentComplete.toString() + %; else document.getElementById(progressNumber).innerHTML = unable to compute;/上传成功响应function uploadComplete(evt) /服务断接收完文件返回的结果alert(evt.target.responseText);/上传失败function uploadFai