浏览代码

解决图片上传跨域,图片转为二进制未解决

master
congzc 2 年前
父节点
当前提交
16173245ca
共有 2 个文件被更改,包括 27 次插入26 次删除
  1. +7
    -7
      src/api/editModel.js
  2. +20
    -19
      src/components/CutImg.vue

+ 7
- 7
src/api/editModel.js 查看文件

@@ -1,15 +1,15 @@
import request from '@/utils/request'
// https://smapitest.malls.iformall.com/C/api/upload/awsImgUpload
// https://smapitest.malls.iformall.com/C/api/
/**
* @description 试听MP3
* @returns id
*/
export function videoDetial(id) {
return request({
url: `/api/userVideo/videoDetial?videoId=${id}`,
method: 'get',
})
export function videoDetial(id) {
return request({
url: `/api/userVideo/videoDetial?videoId=${id}`,
method: 'get',
})
}
/**
* @description 上传背景图


+ 20
- 19
src/components/CutImg.vue 查看文件

@@ -128,25 +128,28 @@ export default {
// let formData = new FormData()
this.loadingShow = true
console.log(this.option)
// const AccessToken = localStorage.getItem
// this.$axios({
// method: 'post',
// url: `https://smapitest.malls.iformall.com/C/api/upload/awsImgUpload`,
// headers: {
// 'Content-Type': 'application/json;charset=UTF-8',
// token: AccessToken,
// 'Access-Control-Allow-Credentials': true
// },
// data: this.option.img
// }).then((res) => {
// console.log(res)
// this.loadingShow = false
// this.showCropper = false
// Toast.success('上传成功')
// })
this.pushImg({ file: this.option.img })
const AccessToken = localStorage.getItem('AccessToken')
this.$axios({
method: 'post',
url: `https://smapitest.malls.iformall.com/C/api/upload/awsImgUpload`,
headers: {
// 'Content-Type': 'application/json;charset=UTF-8',
'content-type': 'multipart/form-data',
token: AccessToken,
'Access-Control-Allow-Credentials': true
},
data: { file: this.option.img }
}).then((res) => {
console.log(res)
this.loadingShow = false
this.showCropper = false
Toast.success('上传成功')
})
// this.pushImg({ file: this.option.img })
// this.pushImg({ file: require('../assets/icon/icon-yes.png') })

this.$refs.cropper.getCropBlob((data) => {
console.log(data, 'blob')
// let blob = window.URL.createObjectURL(data)
// console.log(blob)
// formData.append('File', data, this.imageFileName)
@@ -175,9 +178,7 @@ export default {
// 上传图片
async pushImg(data) {
try {
console.log(data)
const res = await awsImgUpload(data)

this.loadingShow = false
this.showCropper = false
Toast.success('上传成功')


正在加载...
取消
保存