本文主要是介绍HTML5上传图片base64编码显示缩略图,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<li><label for="username">营业执照</label><a href="javascript:void(0);" class="cert-btn-blue-add"><span class="icon-add-white"></span><input type="file" capture="camera"/>添加图片</a><a class="cert-arrow-right-2x"></a>
</li>
$('input[type=file]').change(function(){var inputObj=$(this);//input对象var liObj=$(this).parent('a').parent('li');//input所在li对象var aObj=$(this).parent('a.cert-btn-blue-add');//上传按钮var oFile=this.files[0];var oReader = new FileReader();oReader.onload = function(e){var sBase64 = e.target.result;// 部分Android下base64字符串格式不完整if(window.gIsAndroid && sBase64.indexOf("data:image/") != 0){var sMime = sName.split(".").pop().toLowerCase();sBase64 = sBase64.replace("base64,", "image/" + sMime + ";base64,");}var src=sBase64;var img = new Image();img.onload = function () {liObj.append(img);liObj.find('a.cert-arrow-right-2x').show();};img.src = typeof src === 'string' ? src : URL.createObjectURL(src);aObj.hide();sBase64 = null;}oReader.readAsDataURL(oFile);
})
这篇关于HTML5上传图片base64编码显示缩略图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!