Merge branch 'sowon' into develop

src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewCreateFormMob.html

@@ -296,6 +296,7 @@
 			</section>
 		</main>
 <script type="text/javascript" src="/ux/plugins/gaga/gaga.kollus.js"></script>
+<script type="text/javascript" src="/ux/plugins/load-image.all.min.js"></script>
 <script th:inline="javascript">
 let reviewList = [[${reviewInfo}]];
 let reviewStat = [[${reviewStat}]];
@@ -401,7 +402,7 @@ var reviewCreate = function () {
      cancelBtnText: "취소",
      sureBtnText: "확인",
      sureBtnClick: function(){
-     	gagajf.ajaxFormSubmit($('#reviewForm').prop('action'), '#reviewForm', fnSaveCallback);
+     	gagajf.ajaxFormSubmit($('#reviewForm').prop('action'), '#reviewForm', fnSaveCallback, true);
      }
  });
 	
@@ -625,65 +626,59 @@ var fnChooseFile = function(obj) {
 	
 	// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
 	var file = obj.files[0];
-	
-/* 	if (!gagajf.isNull(file.size) && Number(file.size) > (10 * 1000000)) {        
-		mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {                          
-			sureBtnText: "확인",                                                    
-			sureBtnClick: function() {                                            
-				$(obj).parent('.imgUpload').find('.removes').trigger('click');    
-			}                                                                     
-		});                                                                       
-		return false;                                                             
-	}                 */                                                             
+	var fileType = file.type;
+                                                        
 
 	if (!gagajf.isNull(file.name)) {
 		var extension = "\.(jpg|jpeg|png)$";
 		if ((new RegExp(extension, "i")).test(file.name)) {
+			if ( file.size > (10 * 1000000)) {        
+				mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {                          
+					sureBtnText: "확인",                                                    
+					sureBtnClick: function() {      
+						$(".pics").find(".removes").last().trigger('click');
+					}                                                                     
+				});                                                                       
+				return false;                                                             
+			}       
 			 gagajf.ajaxFileUpload('/common/file/upload?subDir=/review'
 						, file
 						, function(result) {
 							// 업로드한 파일명 설정
 							$(".pics").children().last().append("<input type='hidden' name='orgFileNmArr' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
 							$(".pics").children().last().append("<input type='hidden' name='sysFileNmArr' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
+							
+							var limg = loadImage(file, function (img, data) {
+					            img.toBlob(function (blob) {
+					                var rotateFile = new File([blob], file.name, { type: fileType });
+					                var reader = new FileReader();
+					                reader.onload = function (e) { $(".pics").find("img").last().attr("src", e.target.result); }
+
+					                reader.readAsDataURL(rotateFile);
+					            }, fileType)
+					        }, { orientation: true });
 						}
 				); 
 		}
 		else{
+			if ( file.size > (50 * 1000000)) {        
+				mcxDialog.alertC('동영상은 최대 50MB 이하 파일만 가능합니다.', {                          
+					sureBtnText: "확인",                                                    
+					sureBtnClick: function() {      
+						$(".pics").find(".removes").last().trigger('click');
+					}                                                                     
+				});                                                                       
+				return false;                                                             
+			}  
+			
 			setTimeout(function(){
 				$(".imgUpload").find('.pics').last().addClass("mov");
 				$(".pics").children().last().append("<input type='hidden' name='kufKeyArr' id='kufKey"+(picLength+1)+"'>");
 				$(".pics").children().last().append("<input type='hidden' name='kmcKeyArr' id='kmcKey"+(picLength+1)+"'>");
 				gagaKollus.upload('Review', file, $('#kufKey'+(picLength+1)));
 			}, 1000);
-		}/* else if((new RegExp("mp4", "i")).test(file.name) || (new RegExp("x-m4v", "i")).test(file.name)){
-			setTimeout(function(){
-				$(".imgUpload").find('.pics').last().addClass("mov");
-				$(".pics").children().last().append("<input type='hidden' name='kufKeyArr' id='kufKey"+(picLength+1)+"'>");
-				$(".pics").children().last().append("<input type='hidden' name='kmcKeyArr' id='kmcKey"+(picLength+1)+"'>");
-				gagaKollus.upload('Review', file, $('#kufKey'+(picLength+1)));
-			}, 1000);
-		}else{
-			mcxDialog.alertC('첨부할 수 없는 파일 형식입니다.', {
-				sureBtnText: "확인",
-				sureBtnClick: function() {
-					$(".pics").find(".removes").last().trigger('click');
-				}
-			});
-			return false;
-		} */
+		}
 	}
-	// 이거 왜 안먹히지 
-
-	
-	// 파일 업로드
-/* 	 gagajf.ajaxFileUpload('/common/file/upload?subDir=/review'
-			, file
-			, function(result) {
-				// 업로드한 파일명 설정
-				$(".pics").children().eq(0).append("<input type='hidden' name='orgFileNmArr' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
-				$(".pics").children().eq(0).append("<input type='hidden' name='sysFileNmArr' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
-			}
-	);   */
 }
 
 

src/main/webapp/WEB-INF/views/web/mypage/MypageReviewCreateFormWeb.html

@@ -377,7 +377,8 @@
 				</div>
 			</div>
 <script type="text/javascript" src="/ux/plugins/gaga/gaga.kollus.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/exif-js"></script>
+<script type="text/javascript" src="/ux/plugins/load-image.all.min.js"></script>
+<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/exif-js"></script> -->
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 let reviewList = [[${reviewInfo}]];
@@ -573,6 +574,7 @@ var fnChooseFile = function(obj) {
 	var picLength = $(".pics").length;
 	// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
 	var file = obj.files[0];
+	var fileType = file.type;
 	
 	if (!gagajf.isNull(file.name)) {
 		var extension = "\.(jpg|jpeg|png)$";
@@ -593,10 +595,19 @@ var fnChooseFile = function(obj) {
 							// 업로드한 파일명 설정
 							$(".pics").children().eq(0).append("<input type='hidden' name='orgFileNmArr' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
 							$(".pics").children().eq(0).append("<input type='hidden' name='sysFileNmArr' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
+							
+							var limg = loadImage(file, function (img, data) {
+					            img.toBlob(function (blob) {
+					                var rotateFile = new File([blob], file.name, { type: fileType });
+					                var reader = new FileReader();
+					                reader.onload = function (e) { $(".pics").find("img").eq(0).attr("src", e.target.result); }
 
+					                reader.readAsDataURL(rotateFile);
+					            }, fileType)
+					        }, { orientation: true });
 						}
 				); 
-		}else if((new RegExp("mp4", "i")).test(file.name)){
+		}else{
 			if ( file.size > (50 * 1000000)) {        
 				mcxDialog.alertC('동영상은 최대 50MB 이하 파일만 가능합니다.', {                          
 					sureBtnText: "확인",                                                    
@@ -613,7 +624,7 @@ var fnChooseFile = function(obj) {
 				$(".pics").children().eq(0).append("<input type='hidden' name='kmcKeyArr' id='kmcKey"+(picLength+1)+"'>");
 				gagaKollus.upload('Review', file, $('#kufKey'+(picLength+1)));
 			}, 1000);
-		}else{
+		}/* else{
 			mcxDialog.alertC('첨부할 수 없는 파일 형식입니다.', {
 				sureBtnText: "확인",
 				sureBtnClick: function() {
@@ -621,7 +632,7 @@ var fnChooseFile = function(obj) {
 				}
 			});
 			return false;
-		}
+		} */
 	}
 
 }
@@ -730,3 +741,5 @@ $(document).ready(function() {
 
 </body>
 </html>
+
+