h5 js 图片预览并判断
Posted 学不断,思还乱
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5 js 图片预览并判断相关的知识,希望对你有一定的参考价值。
//建立一個可存取到該file的url function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (window.URL != undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file); } return url; } $(document).on(‘change‘, ‘.wishfile‘, function () { var _upload_file = $(this).val().toLowerCase(); var _upload_file_hz = _upload_file.substr(_upload_file.lastIndexOf(‘.‘) + 1); var _upload_file = [‘jpg‘, ‘png‘, ‘gif‘, ‘jpeg‘]; if ($.inArray(_upload_file_hz, _upload_file) < 0) { alert(‘上传格式不正确‘); $(this).val(‘‘); return false; } var objUrl = getObjectURL(this.files[0]); //console.log("objUrl = " + objUrl); if (objUrl) { // img src=objUrl } });
以上是关于h5 js 图片预览并判断的主要内容,如果未能解决你的问题,请参考以下文章
js-jssdk微信H5选择多张图片预览并上传(兼容ios,安卓,已测试)