دسته بندی ها
16:54 1399/06/08

نحوه آپلود عکس در CkEditor در چند مسیر مختلف

مشخصات سوال کننده :
کاربر : fateme     امتیاز کاربر : 1617     رتبه کاربر : 2
دسته بندی : CkEditor جی کوئری

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 6102
پاسخ دهنده : saedbfd 17:10 1399/06/08

در فایل config.js که مربوط به تنظیمات و کانفیگ ادیتور شما هست شما میتونید مسیر ذخیره سازی تصاویری که در بین متن ها استفاده می کنید رو تعیین کنید که شما دستور زیر رو نوشتید :

config.filebrowserImageUploadUrl = '/file-upload';

 

خب حالا موقعی که عکسی رو آپلود می کنید و در بین متن های خودتون می خواید استفاده کنید دنبال یک مسیر با آدرس file-upload میره ادیتور و وقتی پیداش کرد توی اون مسیر عکس رو ذخیره میکنه. اما حالا اگر شما بیش از یک ادیتور رو توی پروژه خودتون استفاده کردید و می خواید هر کدوم از این ادیتور ها تصاویر رو در یک مسیر جداگانه ذخیره کنن کافیه برای هر ادیتور تابع زیر رو تغییر بدیم :

config.filebrowserImageUploadUrl = '/newpath';

 

خب به مثال زیر دقت کنید :

 

        <div class="form-group col-xs-12">

            <script src="~/ckeditor/ckeditor.js"></script>
            <label asp-for="Content">
                متن 
            </label>
            <div>
                <textarea asp-for="CourseContent"> توضیحات خود را کامل بنویسید ...</textarea>
            </div>

            <script>
                CKEDITOR.replace('CourseContent', {
                    filebrowserImageUploadUrl: '/file-upload_1'
                });
            </script>

        </div>

 

در کدهای بالا یک ادیتور رو ایجاد کردیم و در قسمت script گفتیم برای آپلود عکس برو دنبال مسیر file-upload_1 بگرد. در این حالت دیگه این ادیتور دنبال مسیر اولیه که در فایل config.js هست نمیره. خب حالا میتونید توی همون کنترلر Home یک اکشن دیگه ایجاد کنید و مسیر جدید رو بهش معرفی کنید :

[HttpPost]
[Route("file-upload_1")]
public IActionResult UploadImageCourse(IFormFile upload)
{
      //دستورات آپلود تصویر
      //در اینجا مسیر ذخیره عکس در سرور هم تعیین می شود
}

 

آپلود عکس در ckeditor

 

خب حالا وقتی عکسی رو انتخاب کنید و روی دکمه "به سرور بفرست" کلیک کنید عکس در مسیر جدید روی سرور ذخیره میشه.

دوره آموزش رایگان آپلود عکس در CkEditor

ویرایش شده در دوشنبه 1 دی 1399 ساعت 18:43:18
به این پاسخ امتیاز بدهید    0
امتیاز: 1654 رتبه: 1
1 نظر
hosseinmohsen : سلام من می خوام تو کادر url ادیتور وقتی عکس انتخاب میشه آدرسش به همراه روت سایت یعنیhttp://...چه طور می تونم اضافه کنم من از kcfinder تو پوشه ckeditorاستفاده کردم

امتیاز کاربر : 0   رتبه کاربر : 7016   تاریخ ثبت : 05:28 1400/09/28
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود