当前位置:Gxlcms > PHP教程 > javascript-我把图片上传到服务器,不知道怎么在浏览器访问这张图片

javascript-我把图片上传到服务器,不知道怎么在浏览器访问这张图片

时间:2021-07-01 10:21:17 帮助过:2人阅读




    
        
        
        
        

        
        
        
        
        
        
    

    
        

            照片
拍摄照片 选择照片

照片预览:

  • 暂无照片

  • 清空照片
    上传

    回复内容:

    
    
    
        
            
            
            
            
    
            
            
            
            
            
            
        
    
        
            
    
                照片
    拍摄照片 选择照片

    照片预览:

  • 暂无照片

  • 清空照片
    上传

    在php(服务端)返回上传成功后的路径给浏览器(客服端)

    做图片预览的话,服务器端上传成功之后返回前端一个图片的地址,前端再将图片显示出来

    这样可以在浏览器生成图片的地址提前预览 不需要等到服务器返回地址
    function getObjectURL(file) {
                    var url = null;
                    if (window.createObjectURL != undefined) { // ie
                        url = window.createObjectURL(file);
                    } else if (window.URL != undefined) { // 火狐
                        url = window.URL.createObjectURL(file);
                    } else if (window.webkitURL != undefined) { // 谷歌
                        url = window.webkitURL.createObjectURL(file);
                    }
                        return url;
                }

    图片上传成功后,需要后端返回成功信息。
    具体要和后端商量。

    API接口文档,返回什么参数。需要用到什么,就和后端沟通。

    将图片路径存到数据库里面,再读取出来

    一般都是后端把路径返回前端,你们后端要闹哪样

    一般都是后端生成生给你一个URL的,你问下response回来是什么打出来看看,或者直接问后端的开发人员

    通过上传接口上传图片,通常接口会返回相关数据,比如:

    {data:{status:1,imgPath:"/xxx/xx.png"}}

    status 上传的状态(上传成功,上传不成功),imgPath上传成功通常会给出访问图片的地址。

    通过返回的图片地址就可访问图片了

    人气教程排行