मैंने कोशिश की है क्या XMLHttpRequest के साथ काम करने के लिए कस्टम रिक्वेस्ट को चींटी डिजाइन अपलोड घटक में सेट किया जाना चाहिए? लेकिन यह चींटी डिजाइन व्यू के लिए काम नहीं करता है। क्या कोई कृपया उदाहरण लिख सकता है?

0
ChickenLoveBug 20 जिंदा 2020, 06:59

1 उत्तर

सबसे बढ़िया उत्तर

यह एचटीएमएल घटक है:

<a-upload-dragger
    name="file"
    :multiple="true"
    :customRequest="uploadfiles"
    @change="handleChange">
</a-upload-dragger>

आपको customRequest को संभालने की आवश्यकता है:

  uploadfiles({ onSuccess, onError, file }) {
    this.upload(file)
      .then(() => {
        onSuccess(null, file);
      })
      .catch(() => {
        console.log('error');
      });
  };

फ़ाइल में ऐसी संरचना है:

name: "YourFileName.txt"
lastModified: ...
lastModifiedDate: ...
webkitRelativePath: ""
size: 24
type: "text/plain"
uid: "vc-upload-xxxxxx..."

आप अपना खुद का अपलोड फ़ंक्शन लागू कर सकते हैं।

आप फ़ाइल अपलोड प्रगति के स्थिति परिवर्तन को संभाल सकते हैं:

handleChange(info) {
    const status = info.file.status;
    if (status !== 'uploading') {
      // show update progress console.log(info.file, info.fileList);
    }
    if (status === 'done') {
      // show success message
    } else if (status === 'error') {
      // show error message
    }
}
2
Mojtaba G 27 फरवरी 2020, 12:38