鍍金池/ 問答/PHP  HTML/ 不需要把 div#editor 的值丟到 input#content 也能夠使

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

我使用 quill 編輯器
他是在DIV區(qū)塊編輯文本

<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處理?

回答
編輯回答
執(zhí)念

為什么不考慮下將base64的字符串分離出來呢,這樣不就可以放到input里面了?

2018年5月31日 04:05
編輯回答
維他命

倒是沒用過這編輯器, 不過按理說不用把內容放到input中吧, #editor上加個name屬性應該就能正常獲取表單內容了吧

2017年7月2日 07:10