webp 지원하도록 수정중

This commit is contained in:
Ubuntu
2021-06-24 04:31:02 +00:00
parent 58f5e9b5cd
commit c82add0eca
2 changed files with 194 additions and 192 deletions

View File

@ -1,5 +1,6 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="ko"> <html lang="ko">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
@ -10,6 +11,7 @@
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="css/jquery.fileupload.css"> <link rel="stylesheet" href="css/jquery.fileupload.css">
</head> </head>
<body> <body>
<div class="container pop_container"> <div class="container pop_container">
<!-- header --> <!-- header -->
@ -36,7 +38,7 @@
</ul> </ul>
<em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg hidebg"></span> <em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg hidebg"></span>
</div> </div>
<div class="seletion_explain">이미지는 한번에 10개까지 선택할수 있습니다.</div> <div class="seletion_explain">이미지는 한번에 10개까지 선택할수 있습니다. 움직이는 webp 이미지는 업로드 불가합니다.</div>
<div class="btn_group"> <div class="btn_group">
<button type="button" class="btn" id="img_upload_submit"> <button type="button" class="btn" id="img_upload_submit">
<span>등록</span> <span>등록</span>
@ -61,4 +63,5 @@
<script src="./js/basic.js?v3"></script> <script src="./js/basic.js?v3"></script>
</body> </body>
</html> </html>

View File

@ -220,7 +220,7 @@ jQuery(function ($) {
dropZone: $(gnu.dreg_area), dropZone: $(gnu.dreg_area),
autoUpload: true, autoUpload: true,
sequentialUploads: true, sequentialUploads: true,
acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png)$/i, acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png|webp)$/i,
// Enable image resizing, except for Android and Opera, // Enable image resizing, except for Android and Opera,
// which actually support image resizing, but fail to // which actually support image resizing, but fail to
// send Blob objects via XHR requests: // send Blob objects via XHR requests:
@ -261,8 +261,7 @@ jQuery(function ($) {
} }
}, },
fileQueueError: function (event, file, errorCode, message) { fileQueueError: function (event, file, errorCode, message) {
switch (errorCode) switch (errorCode) {
{
case -100: case -100:
alert("파일을 " + message + "개 이하로 선택해주세요."); alert("파일을 " + message + "개 이하로 선택해주세요.");
break; break;