JavaｓｃｒｉｐｔHTML5使用FileReader实现上传功能

这个例子的例子供大家分享有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）； / /显示图片名称和图片大小

}
}

三.图片测试

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。