龙空技术网

js基于base64实现图片上传

找前辈网 550

前言:

此刻各位老铁们对“图片base64编码js”大约比较讲究,各位老铁们都需要了解一些“图片base64编码js”的相关内容。那么小编在网络上收集了一些关于“图片base64编码js””的相关知识,希望看官们能喜欢,小伙伴们快快来了解一下吧!

直接上代码:

 Document  function showImg() { // 获取文件 var file = document.getElementById("file").files[0]; //Ji1y // 创建文件读取器 var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { //获取图片base64字符串 var imgBase64Data = e.target.result; //移除原来图片 $("img").remove(); // $("#show").append("<img src = \"" + imgBase64Data + "\"/>"); var head = imgBase64Data.indexOf("4") + 2; imgBase64Data = imgBase64Data.substring(head, imgBase64Data.length - head); //讲字符串中的"+"替换成%2B"传过去变为空格 var reg = new RegExp("\\+", "g"); imgBase64Data = imgBase64Data.replace(reg, "%2B"); // 存储参数到隐藏表单域中 $("#imgData").attr("value", imgBase64Data); } } 

自己看代码,应该懂了吧!

标签: #图片base64编码js #js上传图片 #js图片另存为图片