【原创】web项目开发在前端图片上传遇到的坑

最近在做一个技术博客的个人web项目用到了bootstrap和ssm框架,然而在前端开发时遇到了一点坑,我来帮大家排一下。

最近我逛了很多网站其中有csdn、有博客园等网站,发现其中的说法有点问题。
在这里插入图片描述
重要的事情说三遍:这里通过file组件上传的图片信息的获取途径不是直接.files就行他的父元素名是“context” 所以应该是 var fileObj = document.getElementById(“xxx”).context.files[0]

此外路径中出现fakepath的解决办法如下:

if (window.createObjcectURL != undefined) {
    
      
   	url = window.createOjcectURL(fileObj);  
} else if (window.URL != undefined) {
    
      
    url = window.URL.createObjectURL(fileObj);  
} else if (window.webkitURL != undefined) {
    
      
    url = window.webkitURL.createObjectURL(fileObj);  
}

———————————分割线——————————————
有问题欢迎大家在评论区中提出

Guess you like

Origin blog.csdn.net/qq_31236027/article/details/107127230