|
|
|
@ -14,68 +14,70 @@
|
|
|
|
|
</h2>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="cont">
|
|
|
|
|
<form id="frmUpdate" name="frmUpdate" method="post">
|
|
|
|
|
<form id="frmUpdate" name="frmUpdate" method="post" ecntype="multipart/form-data" onsubmit="return false">
|
|
|
|
|
<input type="hidden" id="delList" name="delList" value="">
|
|
|
|
|
<div class="set_list_wrap">
|
|
|
|
|
<#list model['music_list'] as item>
|
|
|
|
|
<div name="list_item" class="list_item item_order">
|
|
|
|
|
<span class="fileSpan" style="display:none">
|
|
|
|
|
<input type="file" name="attachFile">
|
|
|
|
|
</span>
|
|
|
|
|
<label class="radio-label">${item['music_name']!}</label>
|
|
|
|
|
<input type="button" onclick="fncModify(this)" value="수정">
|
|
|
|
|
<input type="button" onclick="fncRemove(this)" value="삭제">
|
|
|
|
|
<input type="hidden" name="music_list" value="${URL_ROOT}/upload/${item['music_file_path']!}">
|
|
|
|
|
<input type="button" key="${item['idx']!}" onclick="fncRemove(this)" value="삭제">
|
|
|
|
|
</div>
|
|
|
|
|
</#list>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<input type="button" value="추가" onclick="fncAddItem()">
|
|
|
|
|
<button type="submit" id="" name="" class="btns blue_btn">저장</button>
|
|
|
|
|
<button type="button" onclick="fncSave()" id="" name="" class="btns blue_btn">저장</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<#include "/m/include/index_bottom_info.ftl">
|
|
|
|
|
|
|
|
|
|
<audio src="${URL_ROOT}/upload/1645858397889/20220226172458931003_1.mp3" controls id="audio_control" onended="fncNextPlay()">
|
|
|
|
|
<#-- <source type="audio/mp3"></source>-->
|
|
|
|
|
</audio>
|
|
|
|
|
|
|
|
|
|
<#include "/m/include/index_bottom_info.ftl">
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
var env = {
|
|
|
|
|
|
|
|
|
|
is_loading: false,
|
|
|
|
|
var delList = "";
|
|
|
|
|
var music_idx = 0;
|
|
|
|
|
|
|
|
|
|
$("#audio_control").attr("src", $("input[name='music_list']").eq(0).val());
|
|
|
|
|
|
|
|
|
|
function fncNextPlay() {
|
|
|
|
|
$("#audio_control").get(0).src = $("input[name='music_list']").eq(music_idx).val();
|
|
|
|
|
$("#audio_control").get(0).play();
|
|
|
|
|
|
|
|
|
|
init: function(){
|
|
|
|
|
$('#frmUpdate').on('submit',function(e){
|
|
|
|
|
if(this.is_loading) {
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
return;
|
|
|
|
|
if( music_idx >= $("input[name='music_list']").length-1) {
|
|
|
|
|
music_idx = 0;
|
|
|
|
|
} else {
|
|
|
|
|
music_idx++;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fncSave() {
|
|
|
|
|
var formData = new FormData($("#frmUpdate")[0]);
|
|
|
|
|
var delList = $("#delList").val();
|
|
|
|
|
|
|
|
|
|
if(delList.length > 0) {
|
|
|
|
|
$("#delList").val( delList.substring(0, delList.length-1) );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: "${URL_ROOT}/m/member_env/saveMusicFile.do",
|
|
|
|
|
processData: false,
|
|
|
|
|
contentType: false,
|
|
|
|
|
data: formData,
|
|
|
|
|
type: 'POST',
|
|
|
|
|
async : false,
|
|
|
|
|
success: function(response){
|
|
|
|
|
Swal.fire({text: '저장 되었습니다.'}).then((result)=>{ location.reload(); })
|
|
|
|
|
// callback(response);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var data = $('#frmUpdate').serialize()
|
|
|
|
|
$.ajax({
|
|
|
|
|
url:'${URL_ROOT}/m/member_env/ajax_update_favorite_word.do',
|
|
|
|
|
type: 'post',
|
|
|
|
|
data: data,
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
error:function(request,status,error){
|
|
|
|
|
this.is_loading = false
|
|
|
|
|
Swal.fire({text: '오류가 발생했습니다'})
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
return;
|
|
|
|
|
}.bind('this'),
|
|
|
|
|
success:function(result){
|
|
|
|
|
// console.log(result)
|
|
|
|
|
this.is_loading = false
|
|
|
|
|
var RESULT = result.RESULT
|
|
|
|
|
|
|
|
|
|
if(RESULT == "1") {
|
|
|
|
|
Swal.fire({text: '정상적으로 수정되었습니다.'});
|
|
|
|
|
}
|
|
|
|
|
}.bind('this'),
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
return;
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(function(){
|
|
|
|
|
env.init()
|
|
|
|
|
})
|
|
|
|
@ -89,7 +91,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(".set_list_wrap").append("<div class='list_item'>" +
|
|
|
|
|
"<input type='file' name='attachFile'>")
|
|
|
|
|
"<input type='file' onchange='fn_M_my_fileSave(this);' name='file'>")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fncModify(e) {
|
|
|
|
@ -97,8 +99,33 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fncRemove(e) {
|
|
|
|
|
delList += $(e).attr("key") + ",";
|
|
|
|
|
$(e).parent().remove();
|
|
|
|
|
|
|
|
|
|
$("#delList").val(delList);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 동영상 업로드 파일 DB에 저장하기
|
|
|
|
|
function fn_M_my_fileSave(th) {
|
|
|
|
|
try {
|
|
|
|
|
var name = $(th)[0].files[0].name;
|
|
|
|
|
var ext = name.split('.').pop().toLowerCase();
|
|
|
|
|
if($.inArray(ext, ['mp3','mp4']) == -1) {
|
|
|
|
|
Swal.fire({text: '음약 파일(mp3)을 업로드 해 주세요.'}).then((result)=>{ $(th).parent().remove(); })
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var size = $(th)[0].files[0].size;
|
|
|
|
|
var size2 = Number(size)/(1024*1024);
|
|
|
|
|
|
|
|
|
|
if(size2 > 7){
|
|
|
|
|
Swal.fire({text: '7M 이하 파일을 업로드 해 주세요.'}).then((result)=>{ $(th).parent().remove(); })
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
} catch (e) { console.log(e); }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<#include "/m/member_env/include_return_url.ftl">
|
|
|
|
|