Tinimce 4图像上传抛出HTTP错误:404

时间:2017-08-09 12:15:25

标签: javascript tinymce tinymce-4 image-upload

我正在使用tinymce 4进行图片上传,在选择要上传的图片后,我收到“HTTP Error:404”消息。

我已经使用发布图像文件测试了示例postAcceptor.php并且它可以正常工作。 在发布图像的结果我得到了JSON响应:

  

{ “位置”: “/家/ mylogin /域/ mydomain.com /的public_html /项目/项目名称/ IMG /画廊/ 422.jpg”}

这些额外的斜杠是否正确? 我的init代码:

      tinymce.init({
            selector: 'textarea.content',
            plugins: 'image code',
            toolbar: 'undo redo | link image | code',
            // enable title field in the Image dialog
            image_title: true,
            automatic_uploads: true,

            images_upload_url: 'postAcceptor.php',
            images_upload_base_path: '/img/gallery/',
            images_upload_credentials: true,

            file_picker_types: 'image',

            // and here's our custom image picker
            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.readAsDataURL(file);
                    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);
                        cb(blobInfo.blobUri(), { title: file.name });
                    };
                };

                input.click();
            }
        });

2 个答案:

答案 0 :(得分:1)

您返回的JSON确实看起来像服务器硬盘上的位置。该位置将变为图像的src属性,因此它必须是允许浏览器通过Web服务器获取图像的URL。

答案 1 :(得分:0)

404是由于

引起的
"react-native": "^0.47.1"

我已将其更改为

images_upload_url: 'postAcceptor.php',

像魅力一样......