Add script to import:

8 years ago · 2738d7a90d
parent 5aae7d586d
commit 2738d7a90d
10 changed files with 54 additions and 10 deletions
--- a/README.md
+++ b/README.md
@ -11,12 +11,51 @@
    npm install vue-upload-component --save
 ```

+### HTML
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Vue-upload-component Test</title>
+  <script src="https://unpkg.com/vue"></script>
+  <script src="https://unpkg.com/vue-upload-component@2.4.0-beta.4/dist/vue-upload-component.js"></script>
+</head>
+<body>
+  <div id="app">
+    <file-upload v-model="files"
+                 post-action="/post.method"
+                 put-action="/put.method">Upload file
+    </file-upload>
+  </div>
+  <script>
+    new Vue({
+      el: '#app',
+      data: function() {
+          return {
+              files: []
+          }
+      },
+      components: {
+          FileUpload: VueUploadComponent
+      }
+    });
+  </script>
+</body>
+</html>
+```
+
 ### CommonJS
 ```js
    var FileUpload = require('vue-upload-component');
-
    new Vue({
        template: '<file-upload v-model="files" post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
+        data: function() {
+            return {
+                files: []
+            }
+        },
        components: {
            FileUpload: FileUpload
        }
@ -29,6 +68,11 @@
    import FileUpload from 'vue-upload-component'
    new Vue({
        template: '<file-upload v-model="files" post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
+        data() {
+            return {
+                files: []
+            }
+        },
        components: {
            FileUpload
        }
--- a/dist/example.js
+++ b/dist/example.js
@ -8121,7 +8121,7 @@
 	      multiple: true,
 	      directory: false,
 	      drop: true,
-	      dropDirectory: false,
+	      dropDirectory: true,
 	      thread: 3,
 	      name: 'file',
 	
--- a/dist/example.js.map
+++ b/dist/example.js.map
--- a/dist/vue-upload-component.js
+++ b/dist/vue-upload-component.js
@ -1,4 +1,4 @@
-module.exports =
+exports["VueUploadComponent"] =
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
--- a/dist/vue-upload-component.js.map
+++ b/dist/vue-upload-component.js.map
--- a/dist/vue-upload-component.min.js
+++ b/dist/vue-upload-component.min.js
--- a/dist/vue-upload-component.min.js.map
+++ b/dist/vue-upload-component.min.js.map
--- a/example/Home.vue
+++ b/example/Home.vue
@ -192,7 +192,7 @@ export default {
      multiple: true,
      directory: false,
      drop: true,
-      dropDirectory: false,
+      dropDirectory: true,
      thread: 3,
      name: 'file',

--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
  "name": "vue-upload-component",
  "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
-  "version": "2.4.0-beta.3",
+  "version": "2.4.0-beta.4",
  "author": "LianYue",
  "scripts": {
    "dev": "webpack-dev-server --inline --hot",
--- a/webpack.config.build.js
+++ b/webpack.config.build.js
@ -9,4 +9,4 @@ module.exports.entry = {
 }

 module.exports.output.library = 'VueUploadComponent';
-module.exports.output.libraryTarget = 'commonjs2';
+module.exports.output.libraryTarget = 'commonjs';