首页 > 编程语言 >uniapp微信小程序,上传图片和表单数据一起提交

uniapp微信小程序,上传图片和表单数据一起提交

时间:2023-05-09 18:56:22浏览次数:34  
标签:uniapp InvoiceFile filePath data warrantyCard 表单 微信 上传

弄表单上传,请求一直400错误,然后寻找其它方法

 uni.uploadFile({
                        url: 'http://localhost:6109/api/My/warrantyCard', // 上传服务器的 URL
                        filePath: this.ImgUrl , // 本地图片的路径或临时文件路径
                        name: 'InvoiceFile', // 上传文件的名称
                        success: function (res) {
                          console.log(res.data); // 上传成功后的文件 URL
                        }
                      });
后端:

 [HttpPost]
        public IActionResult warrantyCard(IFormFile InvoiceFile)
        {

}

 

这种可以单独传一个文件,如果加上表单其它内容,就提示http  415

分两步,很麻烦


base64的提交方式:

this.imagUrl 是上传组件 <uni-file-picker  @select 事件的参数得到的

 const InvoiceFile = uni.getFileSystemManager().readFileSync(this.ImgUrl, 'base64');

然后就普通 post请求,InvoiceFile 放data里提交

后端:


 [HttpPost]
        public IActionResult warrantyCard(Data443 data)
        {

            if (string.IsNullOrEmpty(data.InvoiceFile) == false)
            {
                byte[] binaryData = Convert.FromBase64String(data.InvoiceFile);
                string filePath = "/file.png";
                System.IO.File.WriteAllBytes(AppContext.BaseDirectory + filePath, binaryData);
            }
            return new JsonResult(new { msg = "ok" });
        }

 

标签:uniapp,InvoiceFile,filePath,data,warrantyCard,表单,微信,上传
From: https://www.cnblogs.com/212s/p/17385958.html

相关文章

  • 微信小程序 自定义组件 监听数据变化 出现异常 Maximum call stack size exceeded.
    代码调用处: 组件内部  本地调试无异常,发布之后出现此异常解决方法:监听属性steps的值变化时,调用处不能使用双向绑定,去掉steps的双向绑定即可,具体的原因未知(不知为啥本地调试不会抛异常) ......
  • 微信小程序中使用rpx像素单位设置高度---uniapp开发中
    在微信小程序中使用rpx可以解决屏幕宽度的兼容问题但是设置高度的时候还是会有问题为了解决宽度的兼容问题,在微信小程序中可以使用了rpx像素单位来进行设置,不管屏幕的宽度大小是多少,都认为宽度有750rpx这样即使屏幕大小不一样使用了rpx单位来设置的样式比例也是一样的。......
  • uniapp 中的 rich-text 富文本 怎样编辑修改 样式
    1.首先在HTML中 <rich-text:nodes="formatRichText(newObjc)"></rich-text>2.在 methods中写入方法formatRichText(html){//html就是你要传进来地富文本参数//去掉img标签里的style、width、height属性......
  • 微信小程序语音播报
    需求:需要用户一开始进入小程序的某个页面就进行语音播报;解决方案:使用微信小程序插件“微信同声传译”可以达到该功能;具体实现:1、微信公众平台=>设置=>第三方设置=>插件管理=>添加插件=>'微信同音传译'=>添加(目前暂不支持个人开发者使用):2、引入小程序插件:2.1复制插件AppI......
  • uniapp调用手机自带短信功能发送短信,打电话,获取本地通讯录
    1、配置(修改了manifest配置信息,要重新打包自定义基座,并卸载手机上的安装包重新运行) 2、//发短信sendMsg(phoneNumber){//#ifdefAPP-PLUSplus.messaging.TYPE_SMS;varmsg=plus.messaging.createMessage(plus.messaging.TYPE_SMS);msg.to=[phoneN......
  • 笔记本通过HDMI接口扩展显示器,微信/Outlook等界面模糊变清晰的解决办法
    1、笔记本扩展显示器,微信界面显示字体模糊如何解决?解决方案:第一步:鼠标右键打开微信快捷方式,选择‘属性’,找到‘兼容性’,选择‘更改高DPI设置’第二步:高DPI缩放替代:勾选✔‘替代高DPI缩放行为’第三步:点击“确定”。第四步:重新启动微信,微信界面的字体显示清晰了 2、问题......
  • HBuilderX启动微信开发者工具报错[error] Error: Fail to open IDE
    报错提示如下: 解决方法:1.使用自己的账号登录。2.在微信开发者平台上申请appid并更改项目中的appid。3.删除项目中微信小程序的appid,这样就能在HBuilderX中启动游客身份的微信开发者工具。  检查其他步骤是否正确:1.打开微信开发者工具,在安全选项里开启服务端口......
  • 微信公众号认证
    官网文档https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Access_Overview.htmlphp示例代码 publicfunctionindex(){$signature=$_GET["signature"]; $timestamp=$_GET["timestamp"]; $nonce=$_GET[&qu......
  • 解决antd form表单校验错误时,设置scrollToFirstError 不能滚动到第一个校验错误位置
    使用antdform表单自带属性scrollToFirstError校验不通过时自动滚动到第一个校验错误位置,但是经常没有效果,手动添加一个滚动方法来处理//表单滚动到第一个报错处(antd)exportconstscrollToFirstError=()=>{document.querySelector('.ant-form-item-has-error')?.scro......
  • uniapp读取本地通讯录
    官方文档:https://uniapp.dcloud.net.cn/api/system/contact.html#addphonecontactcreated(){//#ifdefAPP-PLUSthis.getLocalContact()//#endif},methods:{getLocalContact(){lettype=plus.contacts.ADDRESSBOOK_PHONEplu......