0
내 Angular 응용 프로그램에서 이미지 기능을 찾아보고 업로드했습니다. 크기가 500KB를 초과하는 Windows7 (Chrysanthemum.jpg, Desert.jpg 등)에서 제공하는 샘플 이미지. 170KB (클라이언트 요구 사항)로 최대 크기의 이미지를 저장해야합니다. 그래서 너무 많은 이미지 품질에 영향을 미치지 않고 데이터베이스에 업로드하는 동안 이미지 크기를 줄이는 방법) 또한 사용자가 170KB를 초과하는 크기로 이미지를 선택하는 것을 제한하지 않기를 바랍니다. 이미지를 Base64로 변환하고 SQL Server의 이미지 데이터 유형으로 저장합니다.AngularJs - 데이터베이스에 저장하는 동안 이미지 크기 줄이기
내 HTML 코드 :
<input id="BrowseFile" type="file" ngf-select ng-model="vm.picFile" name="file" ngf-change="vm.uploadPic(vm.picFile)" accept="image/*" required >
내 컨트롤러 코드 : 어떤 제안이 높게 평가 될 것이다
this.uploadPic = function (picFile) {
if (picFile == null)
console.log("Please select image");
else {
vm.fileName = picFile.name;
picFile.upload = Upload.base64DataUrl(picFile).then(function (imgBase64) {
vm.image = imgBase64; // Storing Uploaded photo string for storing in database.
});
}
}
.
참고 : 나는 이미지 브라우징 & 업로드 기능에 대한 지시어를 NG-파일 업로드 사용.
업데이트 1 : 나는 https://github.com/oukan/angular-image-compress 지금 이미지를 압축하는 기존 코드와 함께이 작업이 GitHub의 링크를 각도 이미지 압축 지시어를 가지고
.