Upload: fix a TypeError when upload a processed file from the `beforeUpload` hook (#11210)

* Upload: add filename

Reference: https://developer.mozilla.org/en-US/docs/Web/API/FormData/append

* Upload: add name and uid properties to processedFile to fix an error

* Update upload.vue

packages/upload/src/ajax.js

@@ -53,7 +53,7 @@ export default function upload(option) {
     });
   }
 
-  formData.append(option.filename, option.file);
+  formData.append(option.filename, option.file, option.file.name);
 
   xhr.onerror = function error(e) {
     option.onError(e);

packages/upload/src/upload.vue

@@ -81,7 +81,7 @@ export default {
         if (this.autoUpload) this.upload(rawFile);
       });
     },
-    upload(rawFile, file) {
+    upload(rawFile) {
       this.$refs.input.value = null;
 
       if (!this.beforeUpload) {
@@ -92,7 +92,10 @@ export default {
       if (before && before.then) {
         before.then(processedFile => {
           const fileType = Object.prototype.toString.call(processedFile);
+
           if (fileType === '[object File]' || fileType === '[object Blob]') {
+            processedFile.name = rawFile.name;
+            processedFile.uid = rawFile.uid;
             this.post(processedFile);
           } else {
             this.post(rawFile);