front end

web_src/js/index.js

@@ -305,7 +305,7 @@ function retrieveImageFromClipboardAsBlob(pasteEvent, callback) {
     }
   }
 }
-
+/*
 function uploadFile(file, callback) {
   const xhr = new XMLHttpRequest();
 
@@ -321,6 +321,38 @@ function uploadFile(file, callback) {
   formData.append('file', file, file.name);
   xhr.send(formData);
 }
+*/
+function uploadFile(file, callback) {
+  retrieveNewURL(file, url => {
+    // 上传文件到服务器
+    uploadFileToS3(file, url)
+  })
+}
+
+// 发请求到server获取上传URL。
+function retrieveNewURL(file, cb) {
+  $.get(`${AppSubUrl}/attachments/get_pre_url`, (url) => {
+    cb(url)
+  })
+  console.info(url)
+}
+
+// 使用XMLHttpRequest来上传文件到S3。
+function uploadFileToS3(file, url) {
+  var xhr = new XMLHttpRequest ()
+  xhr.open('PUT', url, true)
+  xhr.setRequestHeader('X-Csrf-Token', csrf);
+  const formData = new FormData();
+  formData.append('file', file, file.name);
+  xhr.send(formData);
+  /*
+  xhr.send(file)
+  xhr.onload = () => {
+    if (xhr.status == 200) {
+      $('#status').text(`Uploaded ${file.name}.`)
+    }
+  }*/
+}
 
 function reload() {
   window.location.reload();