码迷,mamicode.com
首页 > Web开发 > 详细

h5 js 图片预览并判断

时间:2016-12-06 13:34:35      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:window   ons   substr   ref   efi   load   case   indexof   webkit   

//建立一個可存取到該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 图片预览并判断

标签:window   ons   substr   ref   efi   load   case   indexof   webkit   

原文地址:http://www.cnblogs.com/benlightning/p/6136933.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!