محسن بستان
5 سال پیش توسط محسن بستان مطرح شد
4 پاسخ

آپلود عکس و فایل و ویدیو در Froala Editor

سلام دوستان.
بنده از Froala Editor برای تکست ادیتور سایتم استفاده میکنم اما یک مشکل دارم و اون اینه که نمیتونم داخلش آپلود رو انجام بدم.
در کانفیگ ادیتور به این صورت تعریف شده :

new FroalaEditor('#about_myself',{
            language:'fa',
            fontFamily: {
                "Vazir":'وزیر',
                "Roboto,sans-serif": 'Roboto',
                "Oswald,sans-serif": 'Oswald',
                "Montserrat,sans-serif": 'Montserrat',
                "'Open Sans Condensed',sans-serif": 'Open Sans Condensed'
            },
            fontFamilySelection: true,

            fileUploadURL: '/admin/editor/upload_file',
            fileUploadParams: {
                id: 'files'
            },

            imageUploadURL: '/admin/editor/upload_image',
            imageUploadParams: {
                id: 'images'
            },

            videoUploadURL: '/admin/editor/upload_video',
            videoUploadParams: {
                id: 'videos'
            },
        });

وقتی که یک مورد رو میزنم که آپلود شه خودش خودکار میفرسته به کنترلر اما مشکل اینجاست وقتی که داخل کنترلر دستور زیر رو میزنم false رو برمیگردونه :

return $request->hasFile('files');

سعی کردم از این لینک هم استفاده کنم اما به جایی نرسیدم.

به نظر شما مشکل از کجاست و چطوری میشه رفعش کرد ؟


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
1

در کل با dd تست گفتید هیچی میفرسته یا خیر ؟
ایا شما آپلود تصویر رو مشکل دارید یا فایل رو ؟
چون برای فایل اسم رو files قرار دارید برای تصویر اسم فایل رو images


احسان اسدی
تخصص : برنامه نویس Back-end
@assadiehsan 5 سال پیش مطرح شد
1

سلام من از کد ریز استفاده کردم جواب داده

$(function() {
            $('#edit').froalaEditor({
                //Set Language
                language: 'fa',

                // Set the file upload URL.
                imageUploadURL: '{{route('uploadImage')}}',
                videoUploadURL: '{{route('uploadVideo')}}',
                fileUploadURL: '{{route('uploadFile')}}',

                // Set the image upload URL.
                imageManagerLoadURL: '{{route('imageList')}}',

                // Set the image delete URL.
                imageManagerDeleteURL: '{{route('deleteImage')}}',

                //Set Parameters
                imageUploadParams: {
                    _token:'{{csrf_token()}}'
                },

                videoUploadParams: {
                    _token:'{{csrf_token()}}'
                },

                fileUploadParams: {
                    _token:'{{csrf_token()}}'
                },

                imageManagerDeleteParams: {
                    _token:'{{csrf_token()}}'
                },
            })
        });

این کد هم در کنترولر استفاده کن

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

محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 5 سال پیش مطرح شد
0

@hesammousavi @assadiehsan
تشکر میکنم از پاسخ هاتون. مشکل برطرف شده ! :)


حسین افتخارراد
تخصص : نال کد
@hosseinradvictor 4 سال پیش مطرح شد
-1

با سلام و خسته نباشید
مشکل من مربوط به این هست که فایل اپلود میشه در مکانی که مد نظرم هست اما خطای Parsing Respons falide میده و فایل و درون ادیتور به نمایش در نمیاد اما درون storage ذخیره شده و کد ها رو هم به صورت زیر نوشتم.

  imageUploadMethod: 'POST',
        imageResizeWithPercent: true,
        // Set the file upload URL.
        imageUploadURL: '{{route('uploadImage')}}',
        imageUploadParam: 'image',
        videoUploadURL: '{{route('uploadVideo')}}',
        videoUploadParam: 'video',
        fileUploadURL: '{{route('uploadFile')}}',

        // Set the image upload URL.
        {{--imageManagerLoadURL: '{{route('imageList')}}',--}}

        // Set the image delete URL.
        {{--imageManagerDeleteURL: '{{route('deleteImage')}}',--}}

        //Set Parameters
        imageUploadParams: {
            _token:'{{csrf_token()}}'
        },

        videoUploadParams: {
            _token:'{{csrf_token()}}'
        },

        fileUploadParams: {
            _token:'{{csrf_token()}}'
        },

        imageManagerDeleteParams: {
            _token:'{{csrf_token()}}'
        },

و درون قسمت کنترولر هم بدین صورت ست کردم

   public function imageUploadURL(Request $request)
    {
        return $request->file('image')->store('editor/img','public');

}

    public function videoUploadURL(Request $request)
    {
        return $request->file('video')->store('editor/video','public');
}

    public function fileUploadURL(Request $request)
    {
        return $request->file('file')->store('editor/file','public');
}

مرسی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام