Vue.js . के लिए फ़ाइल अपलोड घटक
v-फ़ाइल-अपलोड
Vue.js . के लिए फ़ाइल अपलोड घटक
इंस्टालेशन
यार्न का उपयोग करना
yarn add v-file-upload
समुद्र तल से ऊपर का उपयोग करना
npm i --save v-file-upload
डेमो
प्रयोग
घटक के रूप में
import Vue from 'vue' import FileUpload from 'v-file-upload' Vue.use(FileUpload) सेवा के रूप में
import { FileUploadService } from 'v-file-upload' उदाहरण
घटक के रूप में
import Vue from 'vue' import FileUpload from 'v-file-upload' Vue.use(FileUpload) export default { data () { return { url: 'http://your-post.url', headers: {'access-token': ''}, filesUploaded: [] } }, methods: { thumbUrl (file) { return file.myThumbUrlProperty }, onFileChange (file) { // Handle files like: this.fileUploaded = file } } } गुण
| नाम | प्रकार | आवश्यक | चूक जाना | जानकारी |
|---|---|---|---|---|
| यूआरएल | डोरी | सत्य | फ़ाइलें पोस्ट करने के लिए यूआरएल | |
| थंब-यूआरएल | समारोह | सत्य | वह विधि जो अपलोड की गई फ़ाइल के लिए थंब यूआरएल लौटाती है | |
| स्वीकार करना | डोरी | झूठा | .png'> आयात करें { FileUploadService } 'v-file-upload' से निर्यात डिफ़ॉल्ट {डेटा() {वापसी {url: 'http://your-post.url', हेडर: { 'एक्सेस-टोकन': '' } } }, विधियां: { mySaveMethod (फ़ाइल) { fileUpload = new FileUploadService (this.url, this.headers, this.onProgress) फ़ाइल अपलोड करें। अपलोड करें (फ़ाइल, {doc_id: 1}) .then(e => { / / सफलता को संभालें}) .catch(e => {//Handle error})}, onProgress(event) {// Handle the प्रगति} }} विकास
[लेखकGitHub#vuejs #जावास्क्रिप्ट # vue-js यह सभी देखें:
संपादक की पसंद |