Я работаю над сайтом, в котором есть раздел блога. У меня есть система публикации сообщений, в которой вход от редактора отправляется в таблицу базы данных mysql Пока что все работает, кроме случаев, когда добавлено локальное изображение. Изображение работает, если оно имеет очень маленький размер файла, в противном случае оно не отображается, а иногда очищает все остальное в $ _POST ['body']. Есть ли способ разрешить для больших изображений?
Вот php:
<?php
if(isset($_POST['title'], $_POST['body'])) {
include 'php/mysql.php';
date_default_timezone_set('America/New_York');
$title = filter_input(INPUT_POST, 'title', FILTER_SANITIZE_STRING);
$body = $_POST['body'];
$date = date('Y/m/d');
$query = "INSERT INTO posts(title,body,date)
VALUES('$title','$body','$date')";
$insert = runQuery($query,$conn);
if(!$insert) die($conn->error);
redirect('News.php');
}
?>
<form id="get-data-form" method="post">
<table>
<tr>
<td><label for="title">Title</label></td>
<td><input name="title" id="title" /></td>
</tr>
<tr>
<td valign="top"><label for="body">Body</label></td>
<td><textarea name="body" class="tinymce" id="body">
</textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Post" /></td>
</tr>
</table>
</form>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="plugin/tinymce/tinymce.min.js"></script>
<script type="text/javascript" src="plugin/tinymce/init-tinymce.js"></script>
Ниже приведен мой js-код для TinyMCE:
tinymce.init({
/* replace textarea having class .tinymce with tinymce editor */
selector: "textarea.tinymce",
/* force_p_newlines : false,
force_br_newlines : true, */
/* theme of the editor */
theme: "modern",
skin: "lightgray",
/* width and height of the editor */
width: "100%",
height: 300,
/* display statusbar */
statubar: true,
/* plugin */
plugins: [
"advlist autolink link image lists charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
"save table contextmenu directionality emoticons template paste textcolor"
],
/* toolbar */
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons",
/* enable title field in the Image dialog */
image_title: true,
/* enable automatic uplaods of images represented by blob or data URIs */
automatic_uploads: true,
/* add custom file picker only to image dialog */
file_picker_types: 'image',
file_picker_callback: function(cb, value, meta) {
var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.onchange = function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function () {
var id = 'blobid' + (new Date()).getTime();
var blobCache = tinymce.activeEditor.editorUpload.blobCache;
var base64 = reader.result.split(',')[1];
var blobInfo = blobCache.create(id, file, base64);
blobCache.add(blobInfo);
// call the callback and populate the Title field with the file name
cb(blobInfo.blobUri(), { title: file.name });
};
reader.readAsDataURL(file);
};
input.click();
}
});