这个例子的例子供大家
分享有H5使用特定的代码
上传供大家
参考,以下具体内容
1。HTML的一部分
文件上传的排练
浏览…
2。js的一部分
VaR结果= document.getelementbyid(结果);
无功
输入= document.getelementbyid(file_input );
VaR结果= document.getelementbyid('inresult);
如果(typeof FileReader = 'undefined){
result.innerhtml =对不起,您的
浏览器不
支持有;
input.setattribute(
禁止,禁止的);
其他{ }
Input.addEventListener(‘变',ReadFile,假);
}
函数文件(){
document.getelementbyid('file_input)(点击); / /开
}
函数ReadFile(){
var文件=这个文件{ 0 };
VaR fsize = parseInt( / 1024(文件大小)); / /计算图像的大小,
默认是B,
转换成KB
如果(!测试文件(文件
类型)){
警报(请确保该文件是图像类型);
返回false;
}
VaR的读者= FileReader();
reader.readasdataurl(文件);
reader.onload =
功能(e){
警告(此结果);
inimgs.innerhtml = ''; / /
显示图片 Var(ARR = input.value.split; / /图像分割
路径)
document.getelementbyid('result)。风格。显示为块;
document.getelementbyid('txtimgsrc)。值= ARR { arr.length-1 }; / /取这个
名字的最后一部分。JPG
照片阵列
document.getelementbyid('imginfo).innerHTML = ARR { arr.length-1 } +(+ fsize + KB); / /显示图片名称和图片大小
}
}
三.图片测试
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。