java接收uniapp上传的图片_uni-app 上传图片的坑

起先，在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 上传图片的坑相关推荐

php用ckeditor无法上传大图片,php ckeditor上传图片文件大小限制修改
php ckeditor上传图片文件大小限制修改ckeditor编辑器在上传图片或文件时是没有大小限制的,下面我们来给大家介绍两种ckeditor上传图片文件大小限制问题解决办法. 一种可以通过修改P ...
java使用sftp上传(文件)图片到服务器中
最近租了一个服务器,想着上线个小项目,结果图片上传卡壳了,自从11号看了一篇文章就入了ftp的坑.研究了十多个小时的ftp文件传输,无果.睡前看到了一篇关于sftp上传文件的文章,抱着试一试的心态,结 ...
app开发上传文件夹到服务器,uni-app 上传（图片上传实战）
uni.uploadFile(OBJECT) 将本地资源上传到开发者服务器,客户端发起一个 POST 请求,其中 content-type 为 multipart/form-data. 如页面通过 u ...
wangeditor php上传本地图片,wangEditor 本地上传图片配置
let editor; new Vue({ el: '#app', data() { return {} }, mounted() { this.initEditor(); }, methods: { ...
多个ajaxFileUpload上传图片与ajax合用，解决同步问题，用户随意上传多少图片都可以；
需求描述:因ajaxFileUpload 文件上传插件是异步请求,但是业务上需要先得到 ajaxFileUpload 请求后的图片url, 在通过ajax 把图片URL等其它需要录入的数据一并写入数据 ...
java 图片服务器上传_Java实现把图片上传到图片服务器(nginx+vsftp)
前言: 在我另一篇笔记中已经记载了如何用nginx + vsftp搭建图片服务器(请参考nginx + vsftp搭建图片服务器),并且用vsftp的客户端工具filezilla测试过已经可用.但是在 ...
JAVA上传文件图片到服务器保存
这里我记录一个比较简单方便操作的JAVA上传文件图片到服务器并且保存! 首先是页面 html的我这是提交一个文件和类型 <div style="border: 1px solid ...
java上传文件图片到服务器保存,Java上传文件图片到服务器的方法
这里我记录一个比较简单方便操作的java上传文件图片到服务器并且保存,具体内容如下首先是页面html的我这是提交一个文件和类型我是添加一张临时图片得到微信的media_id保存数据库! en ...
java 上传文件并读取_Java实现图片上传到服务器并把上传的图片读取出来
在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢? 下面说一下我的实现过程(只是个人实现思路,实际网站怎么实现的 ...

java接收uniapp上传的图片_uni-app 上传图片的坑

java接收uniapp上传的图片_uni-app 上传图片的坑相关推荐

最新文章

热门文章