Merge branch 'master' into master

Author: dai-siki

example/demo.html

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

upload-1.vue

@@ -844,7 +844,7 @@ export default {
                     if (this.readyState !== 4) {
                         return;
                     }
-                    if (this.status === 200 || this.status === 201) {
+                    if (this.status === 200 || this.status === 201 || this.status ===202) {
                         resolve(JSON.parse(this.responseText));
                     } else {
                         reject(this.status);

upload-2.vue

@@ -14,7 +14,7 @@
 				</i>
 				<span class="vicp-hint" v-show="loading !== 1">{{ lang.hint }}</span>
 				<span class="vicp-no-supported-hint" v-show="!isSupported">{{ lang.noSupported }}</span>
-				<input type="file" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput">
+				<input type="file" accept="image/*" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput">
 			</div>
 			<div class="vicp-error" v-show="hasError">
 				<i class="vicp-icon2"></i> {{ errorMsg }}
@@ -196,7 +196,11 @@ export default {
 		method: {
 			type: String,
 			'default': 'POST'
-		}
+		},
+		initialImgUrl: {
+			type: String,
+			'default': ''
+    }
 	},
 	data() {
 		let that = this,
@@ -252,8 +256,8 @@ export default {
 
 			// 原图地址、生成图片地址
 			sourceImg: null,
-			sourceImgUrl: '',
-			createImgUrl: '',
+			sourceImgUrl: this.initialImgUrl,
+			createImgUrl: this.initialImgUrl,
 
 			// 原图片拖动事件初始值
 			sourceImgMouseDown: {
@@ -839,7 +843,7 @@ export default {
 					if (this.readyState !== 4) {
 						return;
 					}
-					if (this.status === 200 || this.status === 201) {
+					if (this.status === 200 || this.status === 201 || this.staus ===202 ) {
 						resolve(JSON.parse(this.responseText));
 					} else {
 						reject(this.status);
@@ -884,7 +888,12 @@ export default {
 	},
 	beforeDestroy(){
 		document.removeEventListener('keyup', this.handleEscClose )
-	}
+	},
+	mounted() {
+		if (this.sourceImgUrl) {
+			this.startCrop();
+		}
+  }
 }
 
 </script>

utils/language.js

@@ -98,28 +98,47 @@ export default {
 	},
 	'pt-br': {
 		hint: 'Clique ou arraste o arquivo aqui para carregar',
-		loading: 'Carregando…',
-		noSupported: 'Browser não suportado, use o IE10+ ou outro browser',
-		success: 'Sucesso ao carregar imagem',
-		fail: 'Falha ao carregar imagem',
-		preview: 'Pré-visualizar',
+		loading: 'Carregando...',
+		noSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',
+		success: 'Imagem carregada com sucesso',
+		fail: 'Ocorreu um erro ao carregar a imagem',
+		preview: 'Pré-visualização',
 		btn: {
 			off: 'Cancelar',
 			close: 'Fechar',
 			back: 'Voltar',
 			save: 'Salvar'
 		},
 		error: {
-			onlyImg: 'Apenas imagens',
-			outOfSize: 'A imagem excede o limite de tamanho: ',
+			onlyImg: 'Por favor envie apenas imagens',
+			outOfSize: 'A imagem excede o limite de tamanho suportado: ',
+			lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '
+		}
+	},
+	'pt-pt': {
+		hint: 'Clique ou arraste o arquivo para a janela para carregar',
+		loading: 'A processar...',
+		noSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',
+		success: 'Imagem carregada com sucesso',
+		fail: 'Ocorreu um erro ao carregar a imagem',
+		preview: 'Pré-visualização',
+		btn: {
+			off: 'Cancelar',
+			close: 'Fechar',
+			back: 'Voltar',
+			save: 'Guardar'
+		},
+		error: {
+			onlyImg: 'Por favor envie apenas imagens',
+			outOfSize: 'A imagem excede o limite de tamanho suportado: ',
 			lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '
 		}
 	},
 	fr: {
 		hint: 'Cliquez ou glissez le fichier ici.',
 		loading: 'Téléchargement…',
 		noSupported: 'Votre navigateur n\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\'il vous plaît.',
-		success: 'Téléchargement réussit',
+		success: 'Téléchargement réussi',
 		fail: 'Téléchargement echoué',
 		preview: 'Aperçu',
 		btn: {
@@ -361,5 +380,81 @@ export default {
 			outOfSize: 'Bilden är större än max-gränsen: ',
 			lowestPx: 'Bilden är för liten. Minimum är: '
 		}
-	}
+	},
+	vi: {
+		hint: 'Bấm hoặc kéo thả file để tải lên',
+		loading: 'Đang tải lên...',
+		noSupported: 'Trình duyệt không hỗ trợ, hãy sử dụng IE10+ hoặc trình duyệt khác',
+		success: 'Tải lên thành công',
+		fail: 'Tải lên thất bại',
+		preview: 'Xem trước',
+		btn: {
+			off: 'Huỷ',
+			close: 'Đóng',
+			back: 'Trở lại',
+			save: 'Lưu'
+		},
+		error: {
+			onlyImg: 'Chỉ hình ảnh',
+			outOfSize: 'Hình ảnh vượt quá giới hạn cho phép: ',
+			lowestPx: 'Kích thước hình quá nhỏ. Kích thước tối thiểu: '
+     	}
+	},
+	fa: {
+		hint: 'برای بارگذاری تصویر کلیک کنید یا تصویر را به این ناحیه درگ کنید',
+		loading: 'در حال بارگذاری ...',
+		noSupported: 'نسخه یا نوع مرورگر شما از این قابلیت پشتیبانی نمیکند. لطفا از اینترنت اکسپلورر ورژن بالاتر از ده یا مرورگرهای دیگر استفاده کنید',
+		success: 'بارگذاری با موفقیت انجام شد',
+		fail: 'بارگذاری انجام نشد',
+		preview: 'پیشنمایش',
+		btn: {
+			off: 'لغو',
+			close: 'بستن',
+			back: 'بازگشت',
+			save: 'ذخیره'
+		},
+		error: {
+			onlyImg: 'فقط تصویر',
+			outOfSize: 'حجم تصویر بیش از اندازه‌ی مجاز است: ',
+			lowestPx: 'حجم تصویر بسیار پایین است، حداقل سایز تصویر: '
+      }
+	},
+	da: {
+		hint: 'Klik eller træk en fil herhen for at uploade',
+		loading: 'Uploader…',
+		noSupported: 'Din browser er ikke understøttet, benyt venligst IE10+ eller en anden browser',
+		success: 'Upload lykkedes',
+		fail: 'Upload mislykkedes',
+		preview: 'Preview',
+		btn: {
+			off: 'Fortryd',
+			close: 'Luk',
+			back: 'Tilbage',
+			save: 'Gem'
+		},
+		error: {
+			onlyImg: 'Kun billeder',
+			outOfSize: 'Billedet overskrider størrelsesgrænsen: ',
+			lowestPx: 'Billedet er for lille. Minimumsstørrelsen er: '
+		}
+	},
+	ko: {
+		hint: '클릭 또는 드래그하여 이미지를 업로드하세요.',
+		loading: '업로드 중…',
+		noSupported: '죄송합니다, 인터넷 익스플로러 버전 10 이상 혹은 다른 브라우저를 사용해주세요.',
+		success: '업로드 성공',
+		fail: '업로드 실패',
+		preview: '미리보기',
+		btn: {
+			off: '취소',
+			close: '닫기',
+			back: '뒤로가기',
+			save: '저장'
+		},
+		error: {
+			onlyImg: '이미지만 업로드 할 수 있습니다.',
+			outOfSize: '업로드 할 수 있는 최대 이미지 사이즈를 초과했습니다: ',
+			lowestPx: '이미지의 크기는 적어도 다음 사이즈보다 커야 합니다: '
+		}
+	},
 };