开发者社区> 问答> 正文

前端上传图片至阿里云服务器一直不成功。

TIM_20190228141806
如图所示,这种一般是什么原因呢。
let file=util.base64ToBlob(self.imgDataUrl);

        let fileName='image'+'/'+util.getCurDate2Str()+'/'+'event'+'_'+util.getCurTimeStr()+'_'+'0038932'+'_'+'27'+'.jpg';
        var OSS = require('ali-oss');
        const client =new OSS({
            //region: self.oss.ossEndPoint,
            region:self.oss.ossEndPoint.slice(0,self.oss.ossEndPoint.indexOf('.')),
            accessKeyId: self.oss.ossAccessKeyId,//填入自己的id
            accessKeySecret: self.oss.ossAccessKeySecret,//填入自己的id
            bucket: self.accountId
        })
        client.multipartUpload(fileName,file,{
        progress: function* (percentage, cpt) {
            self.percentage = percentage
            }
        })
        .then((results) => {
            // 上传完成
            const url = self.getFileUrl(results.name);
            console.log(url);
            resolve(url); 
        })
        .catch((err) => {
            console.log(err)
        }) 

展开
收起
游客bx4l4iplhszqy 2019-02-28 14:21:04 6409 0
3 条回答
写回答
取消 提交回答
  • 程序员。

    从报错信息来看是跨域请求不被许可。需要配置下 CORS 设置。

    2020-03-04 10:45:29
    赞同 展开评论 打赏
  • 这个报错是cors设置不正确,参考 https://help.aliyun.com/document_detail/44199.html

    2019-07-17 23:29:45
    赞同 展开评论 打赏
  • 没有BUG的人生是不完美的程序猿

    1、检查图片地址是否真实有效
    2、更换浏览器测试

    2019-07-17 23:29:45
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载