亲测,解决文件上传C:\fakepath问题(图片上传格式限制)

亲测,解决文件上传C:\fakepath问题(图片上传格式限制)

绿林寻猫
2021-12-08 / 0 评论 / 404 阅读 / 正在检测是否收录...

function ii(obj){
//解决C:\fakepath问题
    var oFReader = new FileReader();
    var file =obj.files[0];
    oFReader.readAsDataURL(file);
    oFReader.onloadend = function(oFRevent){
        var src = oFRevent.target.result;
        $('#turn_img').attr('src',src);
    }
//判断图片格式
var fileName=obj.value;  
var suffixIndex=fileName.lastIndexOf(".");  
var suffix=fileName.substring(suffixIndex+1).toUpperCase();  
if(suffix!="BMP"&&suffix!="JPG"&&suffix!="JPEG"&&suffix!="PNG"&&suffix!="GIF"){  
    alert( "请上传图片(格式BMP、JPG、JPEG、PNG、GIF等)!");  
}  

}



HTML

<img id="turn_img" src="" />

<input type="file" id="file" name="file_name" class="input w300" οnchange="ii(this);"/>

0

评论 (0)

取消