纵有疾风起
人生不言弃

formData请求接口传递参数格式

element ui组件方法的传递//引入 组件。<el-upload    class="avatar-uploader"    :action="action"    :http-request="uploadFile"    :show-file-list="false">    <img v-if="imageUrl" :src="imageUrl" class="avatar">    <i v-else class="el-icon-plus avatar-uploader-icon"></i></el-upload>uploadFile(data){        var userinfo = this.$baseMethod.getStore('_ccmUser')        let formdata = new FormData();        formdata.append('file',data.file);        formdata.append('token',userinfo.token);        formdata.append('op',"uploadChannelPic");        formdata.append('data',JSON.stringify({}));    uploadFile(formdata).then(res => {        this.imageUrl = JSON.parse(res.data).picUrl        // console.log(JSON.parse(res.data))    })},

这一段是js上传FormData请求格式

<input type="file" id="file"  //设置上传格式化accept="image/jpg,image/jpeg,image/png,image/gif"   //获取上传内容@change="fileUpload()" />fileUpload() {  var f = document.getElementById('file').files[0];  let formdata = new FormData()  formdata.append('file',f);  formdata.append('token',storage.get('loginToken'));  formdata.append('op',"uploadChannelPic");       formdata.append('data',JSON.stringify({}));//这里是请求接口进行传递formdata   this.$upload("/channel/perfection/uploadFile",formdata ).then(res => {
  //请求成功后赋值给要展示的图片
this.fileImg = JSON.parse(res.data).picUrl })},

 

文章转载于:https://www.cnblogs.com/wuliujun521/p/11571276.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » formData请求接口传递参数格式

分享到: 生成海报
avatar

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活