不需要把 div#editor 的值丟到 input#content 也能夠使 ajax 抓到data並送給php處理？

Question

我使用 quill 編輯器他是在ＤＩＶ區塊編輯文本 <div id="editor" class="ql-editor"></div> <input type="hidden" name="content" id="content"> ajax $("#form").submit(function(e){ // ... var formData = new FormData($("#form")[0]); formData.append('content', document.querySelector(".ql-editor").innerHTML); $.ajax({ type:"POST", url:"xxx.php, data: formData, enctype: 'multipart/form-data', cache: false, contentType: false, processData: false, success:function(data){ //... } }); 我會先把 .ql-editor 的內容丟給表單中的 content然後再給 php 處理但是現在有問題是因為 quill 上傳圖片是使用 base64因此當我把有圖片的內容丟給 input value時會錯誤因為裡面有附帶語法是 <img src="data:....">這樣沒辦法直接丟到 input的value 裡面使用請問這要怎麼解？ 簡單來說就是怎麼樣使我不需要把 div#editor 的value丟到 input#content 裡面，也能夠讓 ajax 抓到data並送給php處理？

Answer 1

为什么不考虑下将base64的字符串分离出来呢，这样不就可以放到input里面了？