スーパーVUE-ドロップゾーンファイルアップロードコンポーネント

 

インストール

NPM vue2-ドロップゾーンをインストールします

 

使い方

< VUE-ドロップゾーンREF = "myVueDropzone" ID = "ドロップゾーン" ：オプション= "dropzoneOptions" > </ VUE-ドロップゾーン> 
'vue2-ドロップゾーン'からインポートvue2Dropzone 
インポート'vue2-ドロップゾーン/ DIST / vue2Dropzone.min.css' 
輸出デフォルト{ 
  名： 'アプリ'、
  コンポーネント：{ 
    vueDropzone：vue2Dropzone 
  }、
  データ：関数（）{ 
    リターン{ 
      dropzoneOptions：{ 
          URL： 'https://httpbin.org/post'、
          thumbnailWidth：150、
          MAXFILESIZE：0.5、
          ヘッダー：{ "マイ恐ろしい-ヘッダー"： "ヘッダ値」} 
      } 
    }
  }
}

 

Demo 地址

基本的なプレゼンテーションhttps://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/demo