请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › 活字格专区 › 求助中心 › 查看内容
发新帖

phoben 讲师达人认证 悬赏达人认证 活字格认证

论坛元老

414

主题

1696

帖子

4652

积分

论坛元老

格友工作室

积分
4652

时代开发者征文活动微信认证勋章悬赏达人讲师达人活字格认证活字格高级认证

QQ
最新发帖

[已处理] 请问前端使用ajax上传图片到服务器，formData需要哪些属性?

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-27 22:55  /   查看：1582  /  回复：8
1金币
本帖最后由 phoben 于 2021-11-28 17:17 编辑

如题：在插件开发过程中，需要使用ajax进行图片上传，一直不成功，研究发现fromData内的成员"File"是一个封装过的blob对象。
请大佬指点一下，我该如何提供fromData才能上传成功?


附件: 您需要 登录 才可以下载或查看，没有帐号？立即注册

最佳答案

Joe.xu

查看完整内容

您好，blob是前端原有的对象，不是活字格定义的对象 您想办法把他的图片信息转成这个类型的对象应该就可以了。 比如说我们这边，就有把base64转成blob的代码，给您参考下

8 个回复

倒序浏览
最佳答案
最佳答案
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2021-11-27 22:55:56
来自 7#
phoben 发表于 2021-11-29 15:02
好的十分感谢，这个接口还是很重要，对开发插件来说

您好，blob是前端原有的对象，不是活字格定义的对象
您想办法把他的图片信息转成这个类型的对象应该就可以了。
比如说我们这边，就有把base64转成blob的代码，给您参考下
  1. const formData = new FormData();
  2. formData.append("file", self.convertBase64ToFile(base64), imagePram.file.name);




  7. private static convertBase64ToFile(base64): Blob {
  8. const arr = base64.split(',');
  9. const mime = arr[0].match(/:(.*?);/)[1];
  10. const bstr = atob(arr[1]);
  11. let n = bstr.length;
  12. const u8arr = new Uint8Array(n);
  13. while (n--) {
  14. u8arr[n] = bstr.charCodeAt(n);
  15. }
  16. return new Blob([u8arr], { type: mime });
  17. }
复制代码
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-28 17:40:32
2#
顶一个
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2021-11-29 10:19:04
3#
phoben 发表于 2021-11-28 17:40
顶一个

老板，您是调用我们的接口传图片到服务器是吧，活字格内部的上传功能是不满足您们的需求吗，、
你们的应用场景是什么呢
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-29 11:20:12
4#
Joe.xu 发表于 2021-11-29 10:19
老板，您是调用我们的接口传图片到服务器是吧，活字格内部的上传功能是不满足您们的需求吗，、
你们的应 ...

给客户开发一个插件，需要上传图片之前进行裁剪，就差上传的步骤了。麻烦指导一下，谢谢
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2021-11-29 14:05:26
5#
phoben 发表于 2021-11-29 11:20
给客户开发一个插件，需要上传图片之前进行裁剪，就差上传的步骤了。麻烦指导一下，谢谢

我调查一下，尽快给你答复哈
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-29 15:02:51
6#
Joe.xu 发表于 2021-11-29 14:05
我调查一下，尽快给你答复哈

好的十分感谢，这个接口还是很重要，对开发插件来说
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-29 17:35:40
8#
Joe.xu 发表于 2021-11-29 17:29
您好，blob是前端原有的对象，不是活字格定义的对象
您想办法把他的图片信息转成这个类型的对象应该就可 ...

好的，我试一下。谢谢
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-11-30 10:30:03
9#
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部