qq807722947 2021-08-07 03:33 采纳率: 92.1%
浏览 17
已结题

无刷新上传图片到本地或生成base64


<form method="post" enctype="multipart/form-data" id="upload1">
  <p>图片预览:</p>
    <img id="preview1" src="/i/eg_tulip.jpg"/>
    <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
</form>

<form method="post" enctype="multipart/form-data" id="upload2">
  <p>图片预览:</p>
    <img id="preview2" src="/i/eg_tulip.jpg"/>
    <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
</form>

<form method="post" enctype="multipart/form-data" id="upload3">
  <p>图片预览:</p>
    <img id="preview3" src="/i/eg_tulip.jpg"/>
    <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
</form>

<form method="post" enctype="multipart/form-data" id="upload4">
  <p>图片预览:</p>
    <img id="preview4" src="/i/eg_tulip.jpg"/>
    <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
</form>

<form method="post" enctype="multipart/form-data" id="upload5">
  <p>图片预览:</p>
    <img id="preview5" src="/i/eg_tulip.jpg"/>
    <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
</form>

想要实现无刷新上传图片生成base64编码的地址,总共五个form 互不干扰,要例子,这个我太会
上传到本地文件夹和生成base64都行,那个简单实现哪个,/抱拳

  • 写回答

1条回答 默认 最新

  • 争取一行 2021-08-07 09:52
    关注

    通过ajax上传,window.btoa('base64转码')

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 8月25日
  • 已采纳回答 8月17日
  • 创建了问题 8月7日

悬赏问题

  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?
  • ¥15 matlab(相关搜索:紧聚焦)
  • ¥15 基于51单片机的厨房煤气泄露检测报警系统设计