首页 > 其他分享 >上传图片或文档 二进制文档流方式上传

上传图片或文档 二进制文档流方式上传

时间:2023-07-29 17:25:44浏览次数:35  
标签:二进制 data formData else 文档 key 上传 append

问题: 接口上传图片 需要将图片以二进制得格式 与其他字段一块传给后端

方案: 改变接口传递类型  application/x-www-form-urlencoded

 let params = {
        thaliId: this.editData.thaliId,
        thaliPrice: this.editData.thaliPrice,
        salesInstructions: this.editData.salesInstructions,
        imgFile: this.titleFile, //图片二进制格式
      };
      if (!this.titleFile) {
        delete params.imgFile;
      }
      let data = this.stringify(params); //将参数转换成功 formdata 接收格式
      payConfig
        .updateOpThali(data, "application/x-www-form-urlencoded")
        .then((res) => {
          if (res.code != 0) {
            this.$message.error(res.errorMsg);
            this.loading = false;
            return;
          }
     });

 // 将参数转换成功 formdata 接收格式
    stringify(data) {
      const formData = new FormData();
      for (const key in data) {
        // eslint-disable-next-line no-prototype-builtins
        if (data.hasOwnProperty(key)) {
          if (data[key]) {
            if (data[key].constructor === Array) {
              if (data[key][0]) {
                if (data[key][0].constructor === Object) {
                  formData.append(key, JSON.stringify(data[key]));
                } else {
                  data[key].forEach((item, index) => {
                    formData.append(key + `[${index}]`, item);
                  });
                }
              } else {
                formData.append(key + "[]", "");
              }
            } else if (data[key].constructor === Object) {
              formData.append(key, JSON.stringify(data[key]));
            } else {
              formData.append(key, data[key]);
            }
          } else {
            if (data[key] === 0) {
              formData.append(key, 0);
            } else if (data[key] === null) {
              formData.append(key, null);
            } else {
              formData.append(key, "");
            }
          }
        }
      }
      return formData;
    },

  

标签:二进制,data,formData,else,文档,key,上传,append
From: https://www.cnblogs.com/qinyuanchun/p/17590135.html

相关文章

  • 2-9 在求对二的补码时,表达式 x &= (x – 1)可以删除 x 中最右边值为 1 的 一个二进制
    ArchlinuxGCC13.1.1 202304292023-07-2910:29:56星期六 点击查看代码#include<stdio.h>#include<stdint.h>intbitcount(uint8_tx){intcount=0;while(x!=0){x&=x-1;count++;}returncount;......
  • PyTorch 1.4 中文文档校对活动正式启动 | ApacheCN
    一如既往,PyTorch1.4中文文档校对活动启动了!认领须知请您勇敢地去翻译和改进翻译。虽然我们追求卓越,但我们并不要求您做到十全十美,因此请不要担心因为翻译上犯错——在大部分情况下,我们的服务器已经记录所有的翻译,因此您不必担心会因为您的失误遭到无法挽回的破坏。(改编自维基百......
  • 有效文档管理离不开这几个特点
    在我们日常生活中经常会遇到各式各样的文档类型,想要把它们都统一管理起来也不是一件容易的事情。后来looklook就去研究怎么样可以把这一堆文档整理起来呢?接下来,looklook就从有效的文档管理展开,和大家分享一下!有效文档管理的特点1.强大的搜索和索引功能一个好的文档管理解决方案能够......
  • Android多文件上传的原理
    android上面图片的上传可以用apache包里面的httpclient和MultipartEntity来上传图片,这种的上传方式的话由于都封装好了所以看不到HTTP协议里面具体是怎样上传的;其实图片的上传还可以用Java自带的HttpURLConnection来做上传处理,例如有一个PHP写的接收图片的POST接口http://localho......
  • C# 字符串转码后操作二进制文件
    String转码后写入二进制文件,读二进制文件进行解码返回。publicclassBinaryClass{///<summary>///写二进制文件///</summary>///<paramname="binFile"></param>///<paramname="str">&......
  • CKEditor上传图片word
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action名称 */    "wordFieldName":"upfile",/* 提交的视频表单名称 */    "wordPathFormat":"/p......
  • FCKEditor上传图片word
    ​图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。加入下面的代码://判断剪贴......
  • php图片上传401与获取不到图片
    上传一个大的文件报错:413RequestEntityTooLargenginx/1.15.11 这个就是nginx的配置问题了;只需要修改nginx的配置项: client_max_body_size;数值给大一些,比如: client_max_body_size 50m;再次请求报错:CalltoamemberfunctiongetRealPath;这个是TP提示的错误......
  • KindEditor上传图片word
    ​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@     page contentType="text/html;cha......
  • wangEditor上传图片word
    ​  自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能......