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,安卓,已测试)

移动端h5实现拍照上传图片并预览

H5图片预览功能

iOS开发漫话WKWebView之给H5网页图片添加点击事件以实现原生图片预览

h5的图片预览

H5图片预览压缩上传