起先，在uni-app插件市場下載了上傳圖片的插件

由于uni-app的API uni.unloadFile()

其中content-type 為 multipart/form-data

導致在于后端對接口時出現跨域

最后解決方法:自己重新用axios封裝了一個請求方式

npm install axios

util / axios-request.js

import axios from 'axios'

let URL = 'xxxxx'

const service = axios.create({

baseURL: URL,

timeout: 5000,

// headers: { 'Content-type': 'application/json' }

headers: {

'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'

}

})

// 提交

service.interceptors.request.use(

config => {

return config

},

error => {

console.log(error)

return Promise.reject(error)

}

)

// 請求

service.interceptors.response.use(

response => {

const res = response.data

// console.log(res)

// 如果返回的狀態碼為200，說明接口請求成功，可以正常拿到數

if (response.status === 200) {

return Promise.resolve(res)

} else {

return Promise.reject(res)

}

},

error => {

console.log('err' + error) // for debug

return Promise.reject(error)

}

)

export default service

api / upload.js

import request from '@/util/axios-request.js'

export function UploadRent(params) {

return request({

url: '/UploadRent',

method: 'POST',

data:params

})

}

page / upload.vue

import {UploadRent} from "@/api/upload.js"

methods:{

upload(){

let formData = new FormData();

formData.append('file',i);

formData.append('ID',this.ID);

UploadRent(formData).then(res=>{

console.log(res);

})

}

}

總結

以上是生活随笔為你收集整理的java接收uniapp上传的图片_uni-app 上传图片的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。