阿神2017-04-11 09:01:364楼
如果不合适 自己再改进 注意代码中名称的统一 有问题 询问 相互学习 谢谢:
下面引入一段js 如果多图 注意命名问题
// common variables
var iBytesUploaded = 0;
var iBytesTotal = 0;
var iPreviousBytesLoaded = 0;
var iMaxFilesize = 1048576; // 1MB
var oTimer = 0;
var sResultFileSize = '';
function fileSelected() {
// hide different warnings
document.getElementById('upload_response').style.display = 'none';
// get selected file element
var oFile = document.getElementById('image_file').files[0];
// filter for image files
var rFilter = /^(image\/bmp|image\/gif|image\/jpeg|image\/png|image\/tiff)$/i;
if (! rFilter.test(oFile.type)) {
document.getElementById('error').style.display = 'block';
return;
}
// little test for filesize
if (oFile.size > iMaxFilesize) {
document.getElementById('warnsize').style.display = 'block';
return;
}
// get preview element
var oImage = document.getElementById('preview');
// prepare HTML5 FileReader
var oReader = new FileReader();
oReader.onload = function(e){
oImage.src = e.target.result;
};
// read selected file as DataURL
oReader.readAsDataURL(oFile);
}