Как избежать смешанного контента при попытке загрузить изображение - PullRequest
0 голосов
/ 11 июля 2019

"Я пытаюсь загрузить изображение с tinyMce, но продолжаю получать ошибку смешанного содержимого, я знаю, потому что она пытается сделать вызов API с помощью http://' вместо https: //, проблема в том, что я не знаю ' не знаю, где это исправить ". Я перепробовал все, что мог придумать, пожалуйста, я новичок в laravel и vue, и я впервые использую редактор tinymce. Это сообщение об ошибке: «Смешанный контент: страница в« https://bizguruh.com/admin/add/product/117/ARTICLES' была загружена через HTTPS, но запросил небезопасную конечную точку XMLHttpRequest »http://bizguruh.com/api/image-upload'. Этот запрос был заблокирован; контент должен быть обработан по HTTPS."

<app-editor 
                     :init="{
                         plugins: 'advlist autolink lists link image imagetools charmap print preview anchor textcolor insertdatetime media table paste code help wordcount',

                             toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat |image help',
                             image_title: true,

                        height: 300,


                        images_upload_url: '/api/image-upload/',

                        file_picker_types: 'image',
                        automatic_uploads:false,
                        relative_urls:false,
                       convert_urls:false,
                        file_picker_callback:function(callback, value, meta) {
                              loadFile(callback, value)        

                    }, }" class="form-control" v-model="product.articles.description">
                    </app-editor>

 loadFile(cb,mt){
              if (mt.filetype === 'image') {
                              let up = this.$refs.upload


                          up.onchange = function() {
                        let file = this.files[0];
                        let reader = new FileReader();
                        reader.onload = (e)=> {
                           let id = 'blobid' + (new Date()).getTime();
                            let blobCache =  tinymce.activeEditor.editorUpload.blobCache;
                            let base64 = reader.result.split(',')[1];
                            let 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);
                        }

                        up.click()


                    }



   public function imageUpload(Request $request){

       $file = $request->file('file');


      $path= url('images/').'/'.$file->getClientOriginalName();
    $imgpath = $file->move(public_path('images/'),$file->getClientOriginalName());
    $fileNameToStore = $path;

    return json_encode(['location' => $fileNameToStore]); 
 }

1 Ответ

0 голосов
/ 11 июля 2019

Заменить

images_upload_url: '/api/image-upload/'

на

images_upload_url: '{{ secure_url('api/image-upload') }}'

Это приведет к созданию защищенного URL .То же относится и к

$path= secure_url('images/').'/'.$file->getClientOriginalName();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...