JS POST提交

yuwu00 · 发表于 2021-1-29 12:04:24

上面是常量1，
在易语言中可以通过子字节替换来实现把字符串和图片拼接在一起进行POST提交，
求大佬教一下用JS怎么实现

补充内容 (2021-1-29 13:38):
易语言代码在三楼

什么叫易 · 发表于 2021-1-29 12:04:25

字节集都获取到，然后做处理。没有做过研究。但如果是网页，跨域有问题这里简单合并下载。

<!DOCTYPE html>
<html>

<head>

</head>

<body>
  <input type="file" name="" id="">
  <script>
    let f = document.getElementsByTagName('input')[0]

f.addEventListener('change', function (e) {
  let file = this.files[0]
  let fileReader = new FileReader
  fileReader.onload = function () {
    let result = fileReader.result
    console.log('[input-change]')
    console.log(result)
    str2Ab('|||||125.la', (result_str) => {
      /* your code 
        到这里已经把字节集获取到了。
        可以从EXIF入手。
        这里简单的实现合并下载。
        提交也是一样的道理。
当然肯定是会有跨域问题的。
      */
      let change = mergeArrayBuffer(result,result_str)
      download(change)
    })
  }
  fileReader.readAsArrayBuffer(file)

})

//文本到ArrayBuffer
function str2Ab(str, callback) {
  let blob = new Blob([str], { type: 'text/plain' })
  let fileReader = new FileReader()
  fileReader.onload = function () {
    if (callback) {
      callback.call(null, fileReader.result)
    }
  }
  fileReader.readAsArrayBuffer(blob)
}

//合并
function mergeArrayBuffer(...arrays) {
  let totalLen = 0
  for (let i = 0; i < arrays.length; i++) {
    arrays[i] = new Uint8Array(arrays[i]) //全部转成Uint8Array
    totalLen += arrays[i].length
  }

  let res = new Uint8Array(totalLen)

  let offset = 0
  for (let arr of arrays) {
    res.set(arr, offset)
    offset += arr.length
  }

  return res.buffer
}

function download(buffer){
  let url = URL.createObjectURL(new Blob([buffer],{type:'arraybuffer'}))
  let link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  link.setAttribute('download','change.jpg')
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
}
  </script>
</body>

</html>

yuwu00 · 发表于 2021-1-29 13:24:12

常量1

------WebKitFormBoundaryYTwvlk5brGmyD3Mn
Content-Disposition: form-data; name="flag"

1
------WebKitFormBoundaryYTwvlk5brGmyD3Mn
Content-Disposition: form-data; name="pic_path"; filename="文件名"
Content-Type: image/png

路径
------WebKitFormBoundaryYTwvlk5brGmyD3Mn--

子程序名	返回值类型	公开	备注
子程序1
参数名	类型	参考	可空	数组	备注
传递指针	整数型

变量名	类型	静态	数组	备注
路径	文本型
文件名	文本型
数据	字节集
响应	文本型
链接	文本型
json	类_json

路径＝指针到文本 (传递指针)
调试输出 (路径)
文件名＝取文本右边 (路径, 取文本长度 (路径) －倒找文本 (路径, “\”, , 假))
调试输出 (“路径：”, 路径)
调试输出 (“文件名：”, 文件名)
数据＝到字节集 ( #常量1 )
数据＝子字节集替换 (数据, 到字节集 (“文件名”), 到字节集 (文件名), , )
数据＝子字节集替换 (数据, 到字节集 (“路径”), 读入文件 (路径), , )
响应＝到文本 (网页_访问_对象 (“http://pic.sogou.com/ris_upload”, 1, , , , “Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryYTwvlk5brGmyD3Mn”, , , 真, 数据))
' 调试输出 (响应)

i支持库列表	支持库注释
spec	特殊功能支持库

Dean · 发表于 2021-1-29 13:29:52

看不到图

yuwu00 · 发表于 2021-1-29 13:37:21

.版本 2
.支持库 spec

.子程序子程序1
.参数传递指针, 整数型
.局部变量路径, 文本型
.局部变量文件名, 文本型
.局部变量数据, 字节集
.局部变量响应, 文本型
.局部变量链接, 文本型
.局部变量 json, 类_json

路径＝指针到文本 (传递指针)
调试输出 (路径)
文件名＝取文本右边 (路径, 取文本长度 (路径) －倒找文本 (路径, “\”, , 假))
调试输出 (“路径：”, 路径)
调试输出 (“文件名：”, 文件名)

数据＝到字节集 (#常量1)
数据＝子字节集替换 (数据, 到字节集 (“文件名”), 到字节集 (文件名), , )
数据＝子字节集替换 (数据, 到字节集 (“路径”), 读入文件 (路径), , )
响应＝到文本 (网页_访问_对象 (“http://pic.sogou.com/ris_upload”, 1, , , , “Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryYTwvlk5brGmyD3Mn”, , , 真, 数据))
' 调试输出 (响应)

链接＝文本_取出中间文本 (响应, “<a href=” ＋ #引号, #引号＋ “>”)
调试输出 (“相似图片：”, 链接)