位置:首页 > web前端 > javascript

根据图片地址上传该图片到服务器

dearweb 发布:2022-02-21 18:28:52阅读:

根据图片地址上传该图片到服务器

///图片地址转换成二进制流
rLFSURL(imageURI,type,fieldsValue){
    var self = this;
    //获取本地的图片路径对应的文件
    window.resolveLocalFileSystemURL(imageURI,,function(fileEntry){
        fileEntry.file(function(file){
            var reader = new FileReader();
            reader.onloadend = function(e){
                var the_file = new Blob([e.target.result ], { type: "image/jpeg" } );
                self.actfilesInsr(the_file);
            }
        })
    })
}
 
//上传文件到服务器上,并且返回保存地址
actfilesInsr = (files) => {
    var formData = new FormData();
    //将每个文件放入到formData中,这里类似于setAttribute("",Object)
    formData.append("files", files,"images.jpg");
    $.ajax({
        url : '上传图片的地址',
        type : 'POST',//post上传图片
        data : formData,//上传的文件
        processData: false,//这个参数是jquery特有的,不进行序列化,因为我们不是json格式的字符串,而是要传文件
        contentType: false,//注意这里一定要设置contentType:false,不然会默认为传的是字符串,这样文件就传不过去了
        headers: {"userName":'user', "certificateId":'1'},//可以去掉
        success(data){
            //上传图片成功         
       },
        error:function(){
             //上传图片失败
        },
    })
}

接口封装配置

export function uploadImg(data: any): JSONResponse {
  return service({
    url: `/wxcp/wx/upload/attr/image/1`,
    method: 'post',
    data,
    transformRequest: [(data: any) => data], // 需要配置
  })
}


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看