امروز میخوام یادتون بدم چطوری تصاویری که با استفاده از ادیتور اضافه میکنید را روی هاست آپلود کنید <br/> برای این نمونه از CKEditor استفاده کردم و برای دیگر ادیتور ها هم به همین روش میتونید پیاده سازی کنید

با سلام

امروز میخوام یادتون بدم چطوری تصاویری که با استفاده از ادیتور اضافه میکنید را روی هاست آپلود کنید

برای این نمونه از CKEditor استفاده کردم و برای دیگر ادیتور ها هم به همین روش میتونید پیاده سازی کنید

در کنار پروژه در پوشه bin یک dll وجود داره با نام CKEditor.NET.dll ، روی ToolBox کلیک راست کرده و گزینه ChooseItem را بزنید با استفاده از کلید Brows به مسیر این Dll رفته و آن را انتخاب کنید

سپس به ToolBox اضافه خواهد شد

آن را کشیده و روی فرم رها کنید

<CKEditor:CKEditorControl ID="CKEditor1" BasePath="/ckeditor/" runat="server" ContentsLangDirection="Rtl" ></CKEditor:CKEditorControl>

خب ظاهر ادیتور هم زیبا است و هم امکانات زیادی دارد

روی ادیتور کلیدی برای درج تصویر وجود دارد

با زدن کلید پنجره ای برای انتخاب تصویر باز میشود

با زدن کلیک Send it to server فایل باید متنقل بشه

برای همین ما یک Handler نوشتیم تا زحمت اینکار رو بکشه

با نام Upload.ashx

HttpPostedFile uploads = context.Request.Files["upload"]; string CKEditorFuncNum = context.Request["CKEditorFuncNum"]; string file = System.IO.Path.GetFileName(uploads.FileName); uploads.SaveAs(context.Server.MapPath(".") + "\\upload\\" + file); string url = "/upload/" + file; context.Response.Write("<mce:script type="text/javascript"><!-- window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ", \"" + url + "\"); // --></mce:script>"); context.Response.End();

در اینجا ما تصویر را از کامپیوتر کاربر گرفته و در پوشه upload ذخیره میکنیم

در قسمت بعدی باید در لحظه اجرا Handler را به ادیتور معرفی کنیم

$(function () { CKEDITOR.replace('<%=CKEditor1.ClientID %>', { filebrowserImageUploadUrl: '/Upload.ashx' }); });

با اینکار کاربر با زدن کلید Send it to server در واقع Handler رو فراخوانی میکنه

خب دوستان نمونه هم ضمیمه کردم

اگر توضیحات ناقص بود میتوانید به نمونه مراجعه کنید

موفق و پیروز باشید