起先，在uni-app插件市場(chǎng)下載了上傳圖片的插件

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

其中content-type 為 multipart/form-data

導(dǎo)致在于后端對(duì)接口時(shí)出現(xiàn)跨域

最后解決方法:自己重新用axios封裝了一個(gè)請(qǐng)求方式

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)

}

)

// 請(qǐng)求

service.interceptors.response.use(

response => {

const res = response.data

// console.log(res)

// 如果返回的狀態(tài)碼為200，說(shuō)明接口請(qǐng)求成功，可以正常拿到數(shù)

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);

})

}

}

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。