上传文件怎么转二进制文件流传给后台？

2018-09-19 03:43:30 5.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

图片上传（二进制文件流）业务需求：文件上传在项目开发过程中是必不可少的一项功能。目前大多数文件上传都是采用文件流的形式进行上传。随着技术的进步，云服务技术的产生，现在上传文件相比原来更迅速、更方便，对上传文件的管理较之前来说方便了许多；为兼顾原有的项目，上传文件没有采用现在使用比较多的阿里云oss文件直传，而是采用的后台辅助存储上传的形式来进行文件的存储。相对来说，文件上传比较慢，等待时间有点长。获取文件不像oss直传那样返回一个绝对的地址链接，而是返回的一个文件的key，通过指定的参数拼接来换取图片地址；此次简称为‘文件阅读详情

页面文本框很多，我想用serialize提交
$("#paymentFrom").serialize()

var formData = new FormData();
formData.append("file",$("#file").get(0).files[0]);
用FormData的话不能传$("#paymentFrom").serialize()，后台接收是空的

所以我想把上传的文件转成文件流给后台，或者其它能用serialize的方法传文件

...全文

告别Keil/IAR：在VSCode中用CMake+Clangd打造丝滑的STM32开发环境（附完整配置）本文详细介绍了如何在VSCode中使用CMake和Clangd搭建高效的STM32开发环境，替代传统的Keil/IAR工具。通过完整的配置指南和快速开发技巧，帮助开发者实现轻量级、高度可定制的现代化开发流程，显著提升STM32项目的开发效率。阅读详情

-一个大坑

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

longmuxin 2018-12-06

打赏
举报

直接用formdata获取整个表单

-一个大坑 2018-09-20

打赏
举报

网上找了FileReader类型，不知道是只能转图片还是怎么回事，等了半天没效果



var word= $('#file')[0].files[0]; 

   var reader = new FileReader();

   //onloadend读取完成时触发，无论读取成功或失败

   reader.onloadend = function(){

      //打断点一直进不来

      var str1=reader.readAsArrayBuffer(word);

      var str2=reader.readAsBinaryString(word);

      var str3=reader.readAsDataURL(word);

      $('#tableView').append(str1);

      $('#tableView').append(str2);

      $('#tableView').append(str3);

   };

-一个大坑 2018-09-20

打赏
举报

引用 5 楼 u013116426 的回复:



//返回图片dataURL，参数：图片格式和清晰度(0-1)

 var pageData = canvas.toDataURL('image/jpeg', 1.0);

 //方向默认竖直(p竖向l横向)，尺寸ponits，格式a4or[595.28,841.89]

 var pdf = new jsPDF('l', 'mm', [intWidth, intHeight]);                       

pdf.addImage(pageData, 'JPEG', 0, 0, intWidth,intHeight);	

var datauri = pdf.output('dataurlstring');

var strBase64 = datauri.substring(28);

........

data: {strBase64: strBase64,strName:strName},

我看到我前面用的网页转pdf，有直接把pdf转成二进制字符串传到后台保存
就发帖问下看能不能把上传的word也转成二进制字符串传给后台，这样就是传字符比较方便传

___紫菜 2018-09-20

打赏
举报

引用 4 楼 happy4944 的回复:

[quote=引用 3 楼 u013116426 的回复:]
确实，分开的话需要请求两次。不过我之前接的一个项目像这种上传都是分开提交的

分开的话保存有点麻烦，先看下有没有别的更好处理方法。我的文档是转成二进制保存在数据库的，页面保存到多个表提交内容也很多[/quote]

-一个大坑 2018-09-20

打赏
举报

引用 3 楼 u013116426 的回复:

确实，分开的话需要请求两次。不过我之前接的一个项目像这种上传都是分开提交的

分开的话保存有点麻烦，先看下有没有别的更好处理方法。我的文档是转成二进制保存在数据库的，页面保存到多个表提交内容也很多

___紫菜 2018-09-20

打赏
举报

引用 2 楼 happy4944 的回复:

[quote=引用 1 楼 u013116426 的回复:]
你可以先单独上传文件之后再提交表单，顺便做个限制没上传文件不让提交表单

我也想过分开传，但是不知道要怎么做。而且分开传就要分开保存，这样好像不太好[/quote]
确实，分开的话需要请求两次。不过我之前接的一个项目像这种上传都是分开提交的

-一个大坑 2018-09-20

打赏
举报

引用 1 楼 u013116426 的回复:

你可以先单独上传文件之后再提交表单，顺便做个限制没上传文件不让提交表单

我也想过分开传，但是不知道要怎么做。而且分开传就要分开保存，这样好像不太好

-一个大坑 2018-09-20

打赏
举报

写出来了，记录下



var word= $('#file')[0].files[0]; 

var reader = new FileReader();

reader.readAsDataURL(word);

reader.onloadend = function(){

    var strBase64 = reader.result.substring(84);

    ajax({

         ...........

     })

};

reader.onerror=function(){

      alert('上傳文件失敗，請聯繫IT！');

}

mansion_sun 2021-07-14

@-一个大坑 reader.result.substring(84); 是什么意思，为啥要截取呢？readAsDataURL不是解析成URL了吗，这也不是文件流吧？

___紫菜 2018-09-19

打赏
举报

你可以先单独上传文件之后再提交表单，顺便做个限制没上传文件不让提交表单

mansion_sun 2021-07-14

@___紫菜单独上传需要上传借口和文件服务器支持，题主的问题就是前端上传文件流保存到数据库，同问，现在用这种方式的很少了

上传文件怎么转二进制文件流传给后台？

相关推荐