Skip to content

Commit c1ef9a0

Browse files
authored
Merge branch 'master' into master
2 parents c3aaab0 + ddc9ed0 commit c1ef9a0

File tree

4 files changed

+100
-15
lines changed

4 files changed

+100
-15
lines changed

example/demo.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777
</div>
7878

7979
<div class="item">
80-
<a class="btn" @click="toggleShow3">аватара</a>
80+
<a class="btn" @click="toggleShow3">Выбрать аватар</a>
8181
<img class="avatar" v-if="avatarUrl3" :src="avatarUrl3" v-show="true" style="display: none;">
8282
<my-upload url="https://httpbin.org/post"
8383
field="avatar3"

upload-1.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -844,7 +844,7 @@ export default {
844844
if (this.readyState !== 4) {
845845
return;
846846
}
847-
if (this.status === 200 || this.status === 201) {
847+
if (this.status === 200 || this.status === 201 || this.status ===202) {
848848
resolve(JSON.parse(this.responseText));
849849
} else {
850850
reject(this.status);

upload-2.vue

+15-6
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</i>
1515
<span class="vicp-hint" v-show="loading !== 1">{{ lang.hint }}</span>
1616
<span class="vicp-no-supported-hint" v-show="!isSupported">{{ lang.noSupported }}</span>
17-
<input type="file" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput">
17+
<input type="file" accept="image/*" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput">
1818
</div>
1919
<div class="vicp-error" v-show="hasError">
2020
<i class="vicp-icon2"></i> {{ errorMsg }}
@@ -196,7 +196,11 @@ export default {
196196
method: {
197197
type: String,
198198
'default': 'POST'
199-
}
199+
},
200+
initialImgUrl: {
201+
type: String,
202+
'default': ''
203+
}
200204
},
201205
data() {
202206
let that = this,
@@ -252,8 +256,8 @@ export default {
252256
253257
// 原图地址、生成图片地址
254258
sourceImg: null,
255-
sourceImgUrl: '',
256-
createImgUrl: '',
259+
sourceImgUrl: this.initialImgUrl,
260+
createImgUrl: this.initialImgUrl,
257261
258262
// 原图片拖动事件初始值
259263
sourceImgMouseDown: {
@@ -839,7 +843,7 @@ export default {
839843
if (this.readyState !== 4) {
840844
return;
841845
}
842-
if (this.status === 200 || this.status === 201) {
846+
if (this.status === 200 || this.status === 201 || this.staus ===202 ) {
843847
resolve(JSON.parse(this.responseText));
844848
} else {
845849
reject(this.status);
@@ -880,7 +884,12 @@ export default {
880884
this.off();
881885
}
882886
})
883-
}
887+
},
888+
mounted() {
889+
if (this.sourceImgUrl) {
890+
this.startCrop();
891+
}
892+
}
884893
}
885894
886895
</script>

utils/language.js

+83-7
Original file line numberDiff line numberDiff line change
@@ -98,20 +98,39 @@ export default {
9898
},
9999
'pt-br': {
100100
hint: 'Clique ou arraste o arquivo aqui para carregar',
101-
loading: 'Carregando',
102-
noSupported: 'Browser não suportado, use o IE10+ ou outro browser',
103-
success: 'Sucesso ao carregar imagem',
104-
fail: 'Falha ao carregar imagem',
105-
preview: 'Pré-visualizar',
101+
loading: 'Carregando...',
102+
noSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',
103+
success: 'Imagem carregada com sucesso',
104+
fail: 'Ocorreu um erro ao carregar a imagem',
105+
preview: 'Pré-visualização',
106106
btn: {
107107
off: 'Cancelar',
108108
close: 'Fechar',
109109
back: 'Voltar',
110110
save: 'Salvar'
111111
},
112112
error: {
113-
onlyImg: 'Apenas imagens',
114-
outOfSize: 'A imagem excede o limite de tamanho: ',
113+
onlyImg: 'Por favor envie apenas imagens',
114+
outOfSize: 'A imagem excede o limite de tamanho suportado: ',
115+
lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '
116+
}
117+
},
118+
'pt-pt': {
119+
hint: 'Clique ou arraste o arquivo para a janela para carregar',
120+
loading: 'A processar...',
121+
noSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',
122+
success: 'Imagem carregada com sucesso',
123+
fail: 'Ocorreu um erro ao carregar a imagem',
124+
preview: 'Pré-visualização',
125+
btn: {
126+
off: 'Cancelar',
127+
close: 'Fechar',
128+
back: 'Voltar',
129+
save: 'Guardar'
130+
},
131+
error: {
132+
onlyImg: 'Por favor envie apenas imagens',
133+
outOfSize: 'A imagem excede o limite de tamanho suportado: ',
115134
lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '
116135
}
117136
},
@@ -379,6 +398,63 @@ export default {
379398
onlyImg: 'Chỉ hình ảnh',
380399
outOfSize: 'Hình ảnh vượt quá giới hạn cho phép: ',
381400
lowestPx: 'Kích thước hình quá nhỏ. Kích thước tối thiểu: '
401+
}
402+
},
403+
fa: {
404+
hint: 'برای بارگذاری تصویر کلیک کنید یا تصویر را به این ناحیه درگ کنید',
405+
loading: 'در حال بارگذاری ...',
406+
noSupported: 'نسخه یا نوع مرورگر شما از این قابلیت پشتیبانی نمیکند. لطفا از اینترنت اکسپلورر ورژن بالاتر از ده یا مرورگرهای دیگر استفاده کنید',
407+
success: 'بارگذاری با موفقیت انجام شد',
408+
fail: 'بارگذاری انجام نشد',
409+
preview: 'پیشنمایش',
410+
btn: {
411+
off: 'لغو',
412+
close: 'بستن',
413+
back: 'بازگشت',
414+
save: 'ذخیره'
415+
},
416+
error: {
417+
onlyImg: 'فقط تصویر',
418+
outOfSize: 'حجم تصویر بیش از اندازه‌ی مجاز است: ',
419+
lowestPx: 'حجم تصویر بسیار پایین است، حداقل سایز تصویر: '
420+
}
421+
},
422+
da: {
423+
hint: 'Klik eller træk en fil herhen for at uploade',
424+
loading: 'Uploader…',
425+
noSupported: 'Din browser er ikke understøttet, benyt venligst IE10+ eller en anden browser',
426+
success: 'Upload lykkedes',
427+
fail: 'Upload mislykkedes',
428+
preview: 'Preview',
429+
btn: {
430+
off: 'Fortryd',
431+
close: 'Luk',
432+
back: 'Tilbage',
433+
save: 'Gem'
434+
},
435+
error: {
436+
onlyImg: 'Kun billeder',
437+
outOfSize: 'Billedet overskrider størrelsesgrænsen: ',
438+
lowestPx: 'Billedet er for lille. Minimumsstørrelsen er: '
439+
}
440+
},
441+
ko: {
442+
hint: '클릭 또는 드래그하여 이미지를 업로드하세요.',
443+
loading: '업로드 중…',
444+
noSupported: '죄송합니다, 인터넷 익스플로러 버전 10 이상 혹은 다른 브라우저를 사용해주세요.',
445+
success: '업로드 성공',
446+
fail: '업로드 실패',
447+
preview: '미리보기',
448+
btn: {
449+
off: '취소',
450+
close: '닫기',
451+
back: '뒤로가기',
452+
save: '저장'
453+
},
454+
error: {
455+
onlyImg: '이미지만 업로드 할 수 있습니다.',
456+
outOfSize: '업로드 할 수 있는 최대 이미지 사이즈를 초과했습니다: ',
457+
lowestPx: '이미지의 크기는 적어도 다음 사이즈보다 커야 합니다: '
382458
}
383459
},
384460
};

0 commit comments

Comments
 (0)