HTML5实现简单图片上传所遇到的问题及解决办法

代码如下:

 
 
 
 
 
 
 
 
 
 
 
 
 
上传图片
 
 
 
 
 
 

代码如下:

 
 
 
var iMaxFilesize = 2097152; //2M 
window.fileSelected = function() { 
var oFile = document.getElementById(&＃39;imageFile&＃39;).files[0]; //读取文件 
var rFilter = /^(image\/bmp|image\/gif|image\/jpeg|image\/png|image\/tiff)$/i; 
if (!rFilter.test(oFile.type)) { 
alert("文件格式必须为图片"); 
return; 
} 
if (oFile.size > iMaxFilesize) { 
alert("图片大小不能超过2M"); 
return; 
} 
var vFD = new FormData(document.getElementById(&＃39;uploadForm&＃39;)), //建立请求和数据 
oXHR = new XMLHttpRequest(); 
oXHR.addEventListener(&＃39;load&＃39;, function(resUpload) { 
//成功 
}, false); 
oXHR.addEventListener(&＃39;error&＃39;, function() { 
//失败 
}, false); 
oXHR.addEventListener(&＃39;abort&＃39;, function() { 
//上传中断 
}, false); 
oXHR.open(&＃39;POST&＃39;, actionUrl); 
oXHR.send(vFD); 
};

以上内容给大家分享了HTML5实现简单图片上传所遇到的问题及解决办法的相关知识，希望对大家有所帮助。