找回密码
 立即注册

QQ登录

只需一步,快速开始

Bruce86

金牌服务用户

10

主题

40

帖子

150

积分

金牌服务用户

积分
150
Bruce86
金牌服务用户   /  发表于:2024-5-26 09:45  /   查看:502  /  回复:19
66金币
本帖最后由 Bruce86 于 2024-5-27 13:22 编辑

系统内置的 【图片上传】控件很好用,上传速度非常快,一次性可以生成,原图,中图,小图。还带有压缩等功能;



我现在 需要实现 :点击按钮”上传文件“,
1 通过JS脚本,从本地缓存数据库 indexedDB中,获取到 所有的Base64格式的 图片资源;(已经实现)
2  逐个上传:将图片资源 传递给  内置的【图片上传】 控件 ,上传图片到服务器,并获取上传后返回的文件名。
(卡在这里了:由于无法给控件赋值参数,卡住了。 ;
   我用服务端命令实现过 图片上传,但是太慢了,而且也没办法生成中图和小图。放弃了)。
请教各位 大佬,第2步 如何实现。




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

19 个回复

倒序浏览
最佳答案
最佳答案
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-5-26 09:45:52
来自 18#
Bruce86 发表于 2024-5-27 15:25
官方更新了,也没有说明的,让我们抓瞎。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +166 收起 理由
Nathan.guo + 166 很给力!

查看全部评分

回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-5-27 08:59:39
2#
可以使用第三方软件,处理图片大小,然后图片批量重命名GID+文件名.jpg,然后手动上传到服务器
回复 使用道具 举报
Bruce86
金牌服务用户   /  发表于:2024-5-27 09:22:26
3#
豪~豪 发表于 2024-5-27 08:59
可以使用第三方软件,处理图片大小,然后图片批量重命名GID+文件名.jpg,然后手动上传到服务器

这个就不符合使用需求了。
回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-5-27 09:51:43
4#
Bruce86 发表于 2024-5-27 09:22
这个就不符合使用需求了。

这个是需要获取到文件对象的不能直接传入参数
回复 使用道具 举报
Bruce86
金牌服务用户   /  发表于:2024-5-27 10:24:58
5#
豪~豪 发表于 2024-5-27 09:51
这个是需要获取到文件对象的不能直接传入参数

这一块我已经实现了。
回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-5-27 10:33:54
6#
Bruce86 发表于 2024-5-27 10:24
这一块我已经实现了。
  1. // 假设你有一个文件对象,例如通过<input type="file">获取
  2. var fileInput = document.getElementById('myFileInput');
  3. var file = fileInput.files[0]; // 获取选择的文件

  4. // 创建一个FormData对象
  5. var formData = new FormData();

  6. // 将文件添加到FormData对象中
  7. formData.append('file', file, file.name);

  8. // 设置请求的headers,如果需要的话
  9. var headers = {
  10. 'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundaryiNHGXYEXdedFStAl'
  11. };

  12. // 使用fetch发送POST请求
  13. var appname = Forguncy.Helper.SpecialPath.getBaseUrl().replace(/\//g,'');//jgj
  14. var urlname = document.location.origin;
  15. var app = urlname + '/' + appname +'/FileDownloadUpload/UploadImage';
  16. console.log(app);
  17. fetch(app, {
  18. method: 'POST',
  19. body: formData,
  20. // headers: headers, // 如果服务器需要特定的Content-Type,可以取消注释这一行
  21. })
  22. .then(response => {
  23.   // 检查响应状态
  24.   if (!response.ok) {
  25.     // 如果响应状态码不是2xx,抛出错误
  26.     throw new Error('Network response was not ok');
  27.   }
  28.   // 服务器返回的是text/plain类型的数据,使用.text()方法读取
  29.   return response.text();
  30. })
  31. .then(text => {
  32.   // 这里的text变量包含了服务器返回的文本数据
  33.   console.log('图片地址',text);
  34.     alert(text);
  35. })
  36. .catch((error) => {
  37. console.error('Error:', error);
  38. });
复制代码

回复 使用道具 举报
Bruce86
金牌服务用户   /  发表于:2024-5-27 10:56:49
7#

大佬 原来你也是宁波这边的。我们同城 奉化区的。我试试你的代码先。能否加一个V 交流一下。
回复 使用道具 举报
Bruce86
金牌服务用户   /  发表于:2024-5-27 11:33:41
8#

/Forguncy/FileDownloadUpload/UploadImage 这个地址是否无法使用呢。使用代码的时候一直报网络错误。
回复 使用道具 举报
Bruce86
金牌服务用户   /  发表于:2024-5-27 11:37:58
9#

大佬  能否给一个简单的 demo
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部