首页 > 解决方案 > Tinymce 插件没有获取要上传到数据库的 textarea 值

问题描述

我正在尝试在数据库中上传数据。

我使用tinymce插件到 textarea 编辑器。当我提交数据时,textarea 值会上传空文本。请在下面找到前端和后端代码。

前端代码:

<form id="upload" enctype="multipart/form-data" method="post">
<textarea class="tinymce" name="product_tip" id="product_tip" placeholder="" col="5"></textarea>
<input type="button" name="submit" value="Submit" class="upload-btn"/>
</form>

后端代码:

<?php
    $product_tip=$_POST["product_tip"];
    if(empty($product_tip)) {
        echo "<div class='alert alert-danger'>Please enter Product tips.</div>";
    }
    else{
        $result=mysqli_query($conn, "INSERT INTO product(tip) VALUES ('$product_tip')")or die("Could not retrieve image: " .mysqli_error($conn));
        echo 1;
    }
?>

这是我的前端和后端文件的连接代码。

$(document).ready(function(){         
    $('.upload-btn').click(function(){

        var formdata=new FormData($('#upload')[0]);
        $.ajax({
                url:'includes/backend_product_upload.php',
                method: "POST",
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                data : formdata,
            success:function(answer_from_actionpage){
                if(answer_from_actionpage == 1){
                    $('.error').html("<div class='alert alert-success'>Successfully Product Upload</div>");
                    //$('.form-control').val("");
                }else{
                    $('.error').html(answer_from_actionpage);
                }
            }
        })
    }); 
});

标签: php

解决方案


像这样添加tinyMCE.triggerSave();连接文件-

$('.upload-btn').click(function(){
    tinyMCE.triggerSave();
    var formdata=new FormData($('#upload')[0]);
    $.ajax({
        url:'includes/backend_product_upload.php',
        method: "POST",
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        data : formdata,
        success:function(answer_from_actionpage){
            if(answer_from_actionpage == 1){
                $('.error').html("<div class='alert alert-success'>Successfully Product Upload</div>");
                //$('.form-control').val("");
            }else{
                $('.error').html(answer_from_actionpage);
            }
        }
    })
});

推荐阅读