src/Eccube/Resource/template/admin/Product/_parts/js_product_audio_file.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function() {
  3.         var inputFileElement = $('#admin_product_audio_file');
  5.         // 音声ファイルがアップロードされるときの処理
  6.         inputFileElement.on('change', function(event) {
  7.             var inputFileElement = event.target;
  8.             var file = inputFileElement.files[0];
  9.             var validMimeTypes = [
  10.                 'audio/mpeg',
  11.                 'audio/mp3',
  12.                 'audio/wav',
  13.                 'audio/x-wav',
  14.                 'audio/ogg',
  15.                 'audio/midi',
  16.                 'audio/x-midi'
  17.             ];
  19.             if (file) {
  20.                 if (validMimeTypes.includes(file.type)) {
  21.                     const formData = new FormData();
  22.                     formData.append("audio_file", file);
  23.                     $.ajax({
  24.                         url: "{{ url('admin_product_audio_file') }}",
  25.                         type: 'POST',
  26.                         data: formData,
  27.                         contentType: false,
  28.                         processData: false
  29.                     }).done(function(data) {
  30.                         var audioFileName = $('#admin_product_audio_file_name');
  31.                         audioFileName.val(data);
  32.                     }).fail(function() {
  33.                         alert('更新に失敗しました。入力内容を確認してください。');
  34.                     });
  35.                 } else {
  36.                     alert('音声ファイル形式でアップロードしてください (MP3, WAV, OGG, MIDI).');
  37.                     inputFileElement.value = '';
  38.                 }
  39.             }
  40.         });
  41.     });
  42. </script>
  43. <script>
  44.     $(function() {
  45.     var deleteAudioButton = $('#remove_audio_file');
  47.     var inputFileElement = $('#admin_product_audio_file');
  48.     var file = inputFileElement[0];
  50.     // 音声ファイル削除ボタンが押されるときの処理
  51.     deleteAudioButton.on('click', function(event) {
  52.         // URLから商品IDを取得
  53.         var currentUrl = location.href;
  54.         var urlParts = currentUrl.split('/');
  55.         var idIndex = urlParts.indexOf('product') + 2;
  56.         var productId = urlParts[idIndex].toString();
  58.         var baseUrl = "{{ url('admin_product_audio_delete', {'id': 0}) }}";
  59.         baseUrl = baseUrl.replace('/0', "");
  60.         var deleteUrl = baseUrl + '/' + productId;
  62.         if(confirm("この音声ファイルを削除しますか？")){
  63.             if (file) {
  64.                 const formData = new FormData();
  65.                 $.ajax({
  66.                     url: deleteUrl,
  67.                     type: 'DELETE',
  68.                     data: null,
  69.                     contentType: false,
  70.                     processData: false
  71.                 }).done(function(data) {
  72.                     var audioDeleteMessage = $('#audio_delete_message');
  73.                     audioDeleteMessage.text("音声ファイルを削除しました、完了するには登録ボタンを押してください");
  74.                     var deleteAudioFileName = $('#admin_product_delete_audio_file_name');
  75.                     deleteAudioFileName.val(data);
  76.                 }).fail(function() {
  77.                     alert('更新に失敗しました。入力内容を確認してください。');
  78.                 });
  79.             } else {
  80.                 alert('音声ファイル形式でアップロードしてください (MP3, WAV, OGG, MIDI).');
  81.                 file.value = '';
  82.             }
  83.         }
  84.     });
  85.     });
  86. </script>