fix img dir

api/static/index2.html

@@ -15,7 +15,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> 
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="static/style.css">
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <style>
     body {
@@ -82,11 +82,11 @@
         </div>
         <!-- fieldsets -->
         <fieldset>
-          <h3 class="fs-subtitle">標題<img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題"></h3>
+          <h3 class="fs-subtitle">標題<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題"></h3>
           <input id=title type="text" name='t1' class='title_new' value="" placeholder="標題" /> <br/>
         </fieldset>
         <fieldset>
-          <h3  class="fs-subtitle">選擇人物<img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者"></h3>
+          <h3  class="fs-subtitle">選擇人物<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者"></h3>
           <select id="avatar" class='avatar'>
             <option value="6">Angus</option>
             <option value="7">Peggy</option>
@@ -96,31 +96,31 @@
           </select>
           <div class="d-flex">
             <div class="card" style="width:25%;" data-avatar="Angus" data-img="angus">
-              <div class="imgfr"><img src="img/angus.webp" class="card-img-top" alt="..."></div>
+              <div class="imgfr"><img src="static/img/angus.webp" class="card-img-top" alt="..."></div>
               <div class="card-body">
                 <h5 class="card-title">Angus</h5>
               </div>
             </div>
             <div class="card" style="width:25%;" data-avatar="Peggy" data-img="peggy">
-              <div class="imgfr"><img src="img/peggy.webp" class="card-img-top" alt="..."></div>
+              <div class="imgfr"><img src="static/img/peggy.webp" class="card-img-top" alt="..."></div>
               <div class="card-body">
                 <h5 class="card-title">Peggy</h5>
               </div>
             </div>
             <div class="card" style="width:25%;" data-avatar="Stacy" data-img="stacy">
-              <div class="imgfr"><img src="img/stacy.webp" class="card-img-top" alt="..."></div>
+              <div class="imgfr"><img src="static/img/stacy.webp" class="card-img-top" alt="..."></div>
               <div class="card-body">
                 <h5 class="card-title">Stacy</h5>
               </div>
             </div>
             <div class="card" style="width:25%;" data-avatar="Nina黑" data-img="ninablack">
-              <div class="imgfr"><img src="img/ninablack.webp" class="card-img-top" alt="..."></div>
+              <div class="imgfr"><img src="static/img/ninablack.webp" class="card-img-top" alt="..."></div>
               <div class="card-body">
                 <h5 class="card-title">Nina黑</h5>
               </div>
             </div>
             <div class="card" style="width:25%;" data-avatar="Nina灰" data-img="ninawhite">
-              <div class="imgfr"><img src="img/ninawhite.webp" class="card-img-top" alt="..."></div>
+              <div class="imgfr"><img src="static/img/ninawhite.webp" class="card-img-top" alt="..."></div>
               <div class="card-body">
                 <h5 class="card-title">Nina灰</h5>
               </div>
@@ -141,7 +141,7 @@
           <input type="text" name='t10' class='txtsrc txtsrc10' value="" placeholder="10" /><br/>
         </fieldset>
         <fieldset id='imgSrc'>
-          <h3 class="fs-subtitle">影像連結<img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="僅接受png, jpg, mp4格式"></h3>
+          <h3 class="fs-subtitle">影像連結<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="僅接受png, jpg, mp4格式"></h3>
           <input type="text" name='m1' class='imgsrc imgsrc1' value="" placeholder="1" /><input id="img1" type="file" class="img_uploader img_up"><label for="img1" class="upload-btn">上傳檔案</label><br/>
           <input type="text" name='m2' class='imgsrc imgsrc2' value="" placeholder="2" /><input id="img2" type="file" class="img_uploader img_up"><label for="img2" class="upload-btn">上傳檔案</label><br/>
           <input type="text" name='m3' class='imgsrc imgsrc3' value="" placeholder="3" /><input id="img3" type="file" class="img_uploader img_up"><label for="img3" class="upload-btn">上傳檔案</label><br/>
@@ -190,7 +190,7 @@
         </div>
         <div class="modal-body">
             <div class="modal-terms">
-              <div class="loader"><img src="img/bx_loader.gif" alt=""></div>
+              <div class="loader"><img src="static/img/bx_loader.gif" alt=""></div>
               <ol class="ps-0 historyList">
               </ol>
             </div>
@@ -202,7 +202,7 @@
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content text-center">
         <div class="modal-header">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img src="img/close.svg" alt=""></button>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img src="static/img/close.svg" alt=""></button>
         </div>
         <div class="modal-body">
           <img class="modal-img" src="" alt="">
@@ -219,7 +219,7 @@
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> 
   <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
-  <script src="script_msg.js"></script>
+  <script src="static/script_msg.js"></script>
 
   <body>
 

api/static/script_msg.js

@@ -54,7 +54,7 @@ function prepareUpload(event) {
   data.append('file', files[0]);
   // append other variables to data if you want: data.append('field_name_x', field_value_x);
   $(this).next().text('');
-  $(this).next().html('<img src="img/Spinner-1s-181px.gif">');
+  $(this).next().html('<img src="static/img/Spinner-1s-181px.gif">');
   $.ajax({
     type: 'POST',
     processData: false, // important
@@ -151,10 +151,6 @@ $(".gen_avatar").click(function () {
 
 });
 
-$(".txtsrc").on("change", function(e) {
-
-  console.log(validate.contains(['「', '」'], e.target.value));
-})
 var loaded_data = ''
 function openNav() {
   document.getElementById("mySidenav").style.width = "250px";