vue+node+axios实现图片上传

本文介绍如何使用Vue作为前端框架,结合axios进行图片上传操作,后端通过Node.js处理接收到的数据。关键点在于使用FormData对象封装图片,并在axios请求中设置正确配置。后端需使用multer库来接收并处理图片。
摘要由CSDN通过智能技术生成

用vue做前端,用axios上传图片,用node做后台接收数据

前端部分


上传图片用的是formData方法上传,用axios上传需要注意的地方:

<script>

import axios from 'axios'

methods:{

getImg(){

//用axios()方法

//需要注意的是在ajax中使用formdata需要配置anync:true,contentType:false,processData:false,在axios中不配置                 //也能上传

                //还有一个地方需要注意的是formData.append(name,value),里面的name对应的是input 的name值,value对应

//的是input的files[0],不是input.val(),对于的type=file的input,图片是在input的FileList 里面,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值