Skip to content

Commit b738b93

Browse files
JackPuJackPu
committed
add new files
1 parent 1b120ce commit b738b93

14 files changed

+66
-168
lines changed

‎README.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@
33

44
a vue plugin for image upload and crop ( Support 📱 IE9+)
55

6-
if you use vue.js(>=2.0), you should go [here](https://github.com/JackPu/vue2.x-core-image-upload).We will merge it in the future😊.
6+
if you use vue.js(<=2.0), you should go [here](https://github.com/Vanthink-UED/vue-core-image-upload/tree/v1.x).Or select
7+
1.x.x version.
78

8-
<img width="360" src="./shots/vued0486684bfe534fd6fbec2aa18f8f83a1.png" />
9+
<img width="360" src="./shots/vue-core-image-upload.png" />
910

1011

1112
### Install
@@ -59,7 +60,7 @@ Use CDN Script(ES5)
5960

6061
},
6162
events: {
62-
imageUploaded: function(res) {
63+
imageuploaded: function(res) {
6364
if (res.errcode == 0) {
6465
this.src = 'http://img1.vued.vanthink.cn/vued751d13a9cb5376b89cb6719e86f591f3.png';
6566
}

‎demo/crop.php‎

Lines changed: 0 additions & 45 deletions
This file was deleted.

‎demo/demo.min.js‎

Lines changed: 7 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/images/CORE-IMAGE-UPLOAD-LOGO.png‎

3.8 KB
Loading

‎demo/images/merry-christmas-2016.psd‎

2.07 MB
Binary file not shown.

‎demo/index.html‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
1-
2-
31
<html>
42
<head>
5-
<script src="https://cdn.jsdelivr.net/vue/1.0.26/vue.min.js"></script>
6-
<script src="http://s1.vued.vanthink.cn/e3c077a46b11/index.js"></script>
3+
<script src="https://unpkg.com/vue@2.0.5/dist/vue.js"></script>
4+
<script src="../index.js"></script>
75
</head>
86
<body>
97
<div id="app">
@@ -14,7 +12,6 @@
1412

1513
<script>
1614

17-
console.log(VueCoreImageUpload);
1815
var MyComponent = Vue.extend(VueCoreImageUpload);
1916
console.log(VueCoreImageUpload);
2017
new Vue({

‎demo/upload.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,16 +15,16 @@
1515
<link rel="stylesheet" href="http://s1.vued.vanthink.cn/211cd6e325e7/googlecode.css">
1616
</head>
1717

18-
<body>
19-
<a href="https://github.com/Vanthink-UED/vue-core-image-upload" title="Fork me on GitHub" class="github-corner"><svg width="80" height="80" viewbox="0 0 250 250"><title>Fork me on GitHub</title><path d="M0 0h250v250"></path><path d="M127.4 110c-14.6-9.2-9.4-19.5-9.4-19.5 3-7 1.5-11 1.5-11-1-6.2 3-2 3-2 4 4.7 2 11 2 11-2.2 10.4 5 14.8 9 16.2" fill="currentColor" style="transform-origin:130px 110px" class="octo-arm"></path><path d="M113.2 114.3s3.6 1.6 4.7.6l15-13.7c3-2.4 6-3 8.2-2.7-8-11.2-14-25 3-41 4.7-4.4 10.6-6.4 16.2-6.4.6-1.6 3.6-7.3 11.8-10.7 0 0 4.5 2.7 6.8 16.5 4.3 2.7 8.3 6 12 9.8 3.3 3.5 6.7 8 8.6 12.3 14 3 16.8 8 16.8 8-3.4 8-9.4 11-11.4 11 0 5.8-2.3 11-7.5 15.5-16.4 16-30 9-40 .2 0 3-1 7-5.2 11l-13.3 11c-1 1 .5 5.3.8 5z" fill="currentColor" class="octo-body"></path></svg><style> .github-corner svg{position:absolute;right:0;top:0;;color:#3ab981;fill:white;}.github-corner:hover .octo-arm{animation:octocat-wave .56s;}@keyframes octocat-wave{0%, 100%{transform:rotate(0);}20%, 60%{transform:rotate(-20deg);}40%, 80%{transform:rotate(10deg);}}</style></a>
18+
<body >
19+
<a href="https://github.com/JackPu/vue2.x-core-image-upload" title="Fork me on GitHub" class="github-corner"><svg width="80" height="80" viewbox="0 0 250 250"><title>Fork me on GitHub</title><path d="M0 0h250v250"></path><path d="M127.4 110c-14.6-9.2-9.4-19.5-9.4-19.5 3-7 1.5-11 1.5-11-1-6.2 3-2 3-2 4 4.7 2 11 2 11-2.2 10.4 5 14.8 9 16.2" fill="currentColor" style="transform-origin:130px 110px" class="octo-arm"></path><path d="M113.2 114.3s3.6 1.6 4.7.6l15-13.7c3-2.4 6-3 8.2-2.7-8-11.2-14-25 3-41 4.7-4.4 10.6-6.4 16.2-6.4.6-1.6 3.6-7.3 11.8-10.7 0 0 4.5 2.7 6.8 16.5 4.3 2.7 8.3 6 12 9.8 3.3 3.5 6.7 8 8.6 12.3 14 3 16.8 8 16.8 8-3.4 8-9.4 11-11.4 11 0 5.8-2.3 11-7.5 15.5-16.4 16-30 9-40 .2 0 3-1 7-5.2 11l-13.3 11c-1 1 .5 5.3.8 5z" fill="currentColor" class="octo-body"></path></svg><style> .github-corner svg{position:absolute;right:0;top:0;;color:#3ab981;fill:white;}.github-corner:hover .octo-arm{animation:octocat-wave .56s;}@keyframes octocat-wave{0%, 100%{transform:rotate(0);}20%, 60%{transform:rotate(-20deg);}40%, 80%{transform:rotate(10deg);}}</style></a>
2020
<div class="splash-container">
2121

2222
<div class="splash">
2323
<h1 class="splash-head">
24-
<img width="360" src="http://img1.vued.vanthink.cn/vued0486684bfe534fd6fbec2aa18f8f83a1.png" />
24+
<img width="360" src="http://img1.vued.vanthink.cn/vued5cd5837414f8b09773e23360b1de9079.png" />
2525
</h1>
2626
<p class="splash-subhead">
27-
A Vue Plugin For Image To Upload and Crop
27+
A Vue Plugin For Image To Upload and Crop
2828
</p>
2929
</div>
3030
</div>
@@ -39,7 +39,7 @@ <h3 class="content-subhead">
3939
<div class="user">
4040
<img class="avatar" v-bind:src="src"/>
4141
</div>
42-
<vue-core-image-upload v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="false" url="http://101.198.151.190/api/upload.php" extensions="png,gif,jpeg,jpg" input-accept="image/*"></vue-core-image-upload>
42+
<vue-core-image-upload v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="false" v-on:imageuploaded="imageuploaded" url="http://101.198.151.190/api/upload.php" extensions="png,gif,jpeg,jpg" input-accept="image/*"></vue-core-image-upload>
4343
<p>Click button to upload your image</p>
4444
<pre class="highlight javascript"><code>
4545
import VueCoreImageUpload from './vue.core.image.upload.vue';
@@ -53,23 +53,21 @@ <h3 class="content-subhead">
5353
src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
5454
},
5555
methods: {
56-
57-
},
58-
events: {
5956
imageUploaded(res) {
6057
if (res.errcode == 0) {
6158
this.src = 'http://img1.vued.vanthink.cn/vued751d13a9cb5376b89cb6719e86f591f3.png';
6259
}
6360
}
64-
},
61+
}
6562
});
6663
</code></pre>
6764
<h4>HTML</h4>
6865
<pre class="highlight html"><code>
6966
&lt;vue-core-image-upload
7067
v-bind:class="['pure-button','pure-button-primary','js-btn-crop']"
7168
v-bind:crop="false" url="./crop.php"
72-
extensions="png,gif,jpeg,jpg"&gt;
69+
extensions="png,gif,jpeg,jpg"
70+
v-on:imageuploaded="imageuploaded"&gt;
7371
&lt;/vue-core-image-upload&gt;
7472
</code></pre>
7573

@@ -90,7 +88,7 @@ <h3 class="content-subhead">
9088
<img class="avatar" v-bind:src="cropSrc"/>
9189
<p>{{name}}</p>
9290
</div>
93-
<vue-core-image-upload crop-ratio="1:1" v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="true" url="./crop.php" extensions="png,gif,jpeg,jpg" input-accept="image/*"></vue-core-image-upload>
91+
<vue-core-image-upload crop-ratio="1:1" v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="true" url="http://101.198.151.190/api/crop.php" extensions="png,gif,jpeg,jpg" input-accept="image/*" v-on:imageuploaded="imageuploaded"></vue-core-image-upload>
9492
<h3>Crop Arguments</h3>
9593
<table class="pure-table" style="width:100%;">
9694
<thead>
@@ -117,10 +115,12 @@ <h3>Crop Arguments</h3>
117115
v-bind:class="['pure-button','pure-button-primary','js-btn-crop']"
118116
v-bind:crop="true"
119117
url="./crop.php"
120-
extensions="png,gif,jpeg,jpg"&gt;
118+
extensions="png,gif,jpeg,jpg"
119+
v-on:imageuploaded="imageuploaded"&gt;
120+
121121
&lt;/vue-core-image-upload&gt;
122122
</code></pre>
123-
<h3 style="padding-top:40px;"><a href="https://github.com/Vanthink-UED/vue-core-image-upload" class="button-xlarge pure-button pure-button-radius" href="">DOWNLOAD AND DOCUMENT</a></h3>
123+
<h3 style="padding-top:40px;"><a href="https://github.com/JackPu/vue2.x-core-image-upload" class="button-xlarge pure-button pure-button-radius" href="">DOWNLOAD AND DOCUMENT</a></h3>
124124
</div>
125125
</div>
126126
</div>

‎demo/upload.php‎

Lines changed: 0 additions & 53 deletions
This file was deleted.

‎index.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
2-
"name": "vue-core-image-upload",
3-
"version": "1.0.0",
2+
"name": "vue2-core-image-upload",
3+
"version": "2.0.0",
44
"description": "a vue plgin for image upload and crop",
55
"main": "index.js",
66
"dependencies": {
7-
"vue": "^1.0.26"
7+
"vue": "^2.0.5"
88
},
99
"devDependencies": {
1010
"babel": "^6.5.2",
@@ -17,7 +17,7 @@
1717
"css-loader": "^0.25.0",
1818
"style-loader": "^0.13.1",
1919
"vue-html-loader": "^1.2.3",
20-
"vue-loader": "^8.5.2",
20+
"vue-loader": "^8.5.4",
2121
"vue-style-loader": "^1.0.0",
2222
"webpack": "^1.13.2"
2323
},

0 commit comments

Comments
 (0)