首页 > 代码库 > js图片上传并预览
js图片上传并预览
1 <form id="addpic" class="easyui-form" method="post" enctype="multipart/form-data"> 2 <input type="file" onchange="previewFile()" name="pictureFile" id="file" 3 style="width:150px;margin-top:20px;padding:3px;border:none;" 4 onchange="submit()"/> 5 <input class="textbox" id="basem" name="basem" type="hidden"><br> 6 </form> 7 8 function previewFile() { 9 document.querySelector(‘input[type=file]‘).files[0]; 10 var file = $(‘#file‘).get(0).files[0]; 11 var reader = new FileReader(); 12 reader.readAsDataURL(file); 13 if (file) { 14 reader.onloadend = function () { 15 16 $("#yulan").attr("src", reader.result); 17 $("#basem").val(reader.result) 18 } 19 } 20 }
将图片的base64码存入数据库中
js图片上传并预览
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。