アップロード ボタンのクリック時に独自の JQuery/Angular/Whatever イベントを作成し、データを使用して Ajax 呼び出しをサーバーに送信します。ここに示すように、JQuery を使用して入力からデータを取得し、フォーム処理コントローラーに送信できます。
これがあなたの入力であるとします:
<input type="file" name="file" id="file" required />
js には、以下のように Ajax 呼び出しを行うための JQuery トリガーと別の Jquery 関数が含まれます。
tinymce.init({
selector: 'textarea',
height: 500,
toolbar: 'mybutton',
menubar: false,
setup: function (editor) {
editor.addButton('mybutton', {
text: 'My button',
icon: false,
onclick: function () {
//Trigger Submit event on input
$("#uploadimage").trigger('submit');
}
});
},
content_css: [
'//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
'//www.tinymce.com/css/codepen.min.css'
]
});
//Triggered on submit
$("#uploadimage").on('submit',(function(e) {
e.preventDefault();
$("#message").empty();
$('#loading').show();
$.ajax({
url: "ajax_php_file.php", // Url to which the request is send
type: "POST", // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false, // The content type used when sending data to the server.
cache: false, // To unable request pages to be cached
processData:false, // To send DOMDocument or non processed data file it is set to false
success: function(data) // A function to be called if request succeeds
{
$('#loading').hide();
$("#message").html(data);
}
});
}));
CI フォーム アップロード ライブラリを使用して、アップロードされたファイルを処理できるコントローラーを作成します。率直に言って、TinyMCE よりも Froala の方が好きです。あなたのヤギの男を浮かべるものは何でも。これがうまくいったかどうか教えてください。このコードをその場で準備しただけで、かなり怠惰です。TinyMCE init でフォーム処理関数を移動できます。乾杯!