Flask接口签名sign原理与实例代码浅析
245
2023-07-01
input file上传 图片预览功能实例代码
input file上传图片预览其实很简单,只是没做过的感觉很神奇,今天我就扒下她神秘的面纱,其实原理真的很简单,下面通过一段代码大家都明白了。
具体代码如下所示:
//multiple(多文件上传)
$(document).ready(function () {
$("#inputs").change(function () {
var fil = this.files;
for (var i = 0; i < fil.length; i++) {
reads(fil[i]);
}
});
});
function reads(fil){
var reader = new HacCZBFileReader();
reader.readAsDataURL(fil);
reader.onload = function()
HacCZB{
document.getElementById("ddHacCZB").innerHTML += "";
};
}
实现上传图片直接预览,避免提交后在读取图片的冗余过程
以上所述是给大家介绍的input file上传 图片预览功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~