مقاله آموزشی برش تصاویر به زبان سی شارپ وASP.NET

برش تصاویر

مقاله برسی برش تصاویر در ASP.NET  یکی از کارهایی که قبل از نوشتن یک خبر و منتشر کردن آن مهم است ساخت تصاویر است ، در بیشتر مواقع نیاز به دو تصویر داریم ، یکی برای تصویر بند انگشتی و دیگری برای تصویر اصلی اگربخواهیم برای تصویر بند انگشتی ازتصویر اصلی استفاده کنیم load تصاویر سایت و همچنین سرعت سایت کاشه پیدا میکند ، در این آموزش با روشی آشنا میشود که بسیار ساده میتوانید تصاویر را قبل از آپلود به سایز دلخواه تغییر بدید ، این آموزش را در ASP.NET و به زبان سی شارپ پیاده سازی میکنیم که میتوانید در زبان های تحت وب دات نت از آن استفاده کنید و توسط کلاسی تصاویر بند انگشتی را تولید میکنیم و در ذخیره میکنیم.در ادامه همراه آموزش ما باشید.

ابتدا باید کلاسی که ضمیمه شده به پروژه خود اضافه کنید .

ویژوال استدیو را بازکنید و پروژه جدید را ایجاد کنید یک فرم به پروژه اضافه کنید و یک FileUpload به روی فرم از جعبه ابزار به پروژه اضافه کنید.کلاس ضمیمه شده به فرم اضافه کنید.

بعد از ایجاد فرم و قرار دادن ابزار گرفته نیاز به یک پوشه داریم به نام IMG روز Solution Project کیک راست کنید و یک پوشه با نامی که گفته شد بسازید.

حال نیاز به دوپوشه دیگر به نام Thum و Images داریم که تصاویر بند انگشتی و اصلی را ذخیره کنیم و دقت کنید ما ادرس تصاویر را در دیتابیس ذخیره میکنیم و همچنین هردو تصویر را با نام یکسان ذخیره میکنیم.

در هدر کدام از پوشه که ساختید یک تصویر به عنوان پیش فرض قرار بدید با نام NoImage (فرمت تصاویر مهم نیست)فقط سعی کنید از فرمت های که بیشتر استفاده میشه استفاده کنید.

ما توسط کد زیر وقتی تصویری به FileUload میدیم عکس را به دورش یعنی بند انگشتی و با سایز اصلی ذخیره میکنیم.

 if (fuNewsImage.HasFile)
            {
                imageName = Guid.NewGuid().ToString().Replace("-", "") + ".jpg";
                fuNewsImage.SaveAs(Server.MapPath("/Image/Image/" + imageName));
                var img = new ImageResizer();
                img.MaxY = 280;
                img.MaxX = 280;
                img.Resize(Server.MapPath("/Image/Image/" + imageName),
                    Server.MapPath("/Image/Thumb/" + imageName));
            }


 

 

بسیار خوب شاید کد بالا کمی براتون گنگ باشه ولی نگران نباشید توضیحش و یک بار که استفاده کنید و روش آن را ببنید براتون بسیارساده میشه.

ابتدا یک Guid ایجاد میکنیم که اسمی که میسازه تکراری نباشه و آن را در رشته ای به نام imageName نگه داریم میکنیم.

اگر کلاس  ImageResizer را به پروژه اضافه کرده باشید بدون مشکل کد بالا براتون کار میکنه.و در ادرس های مشخص و با نامی که تولید کردیم ذخیره میکنه !

چگونه در دیتابیس ذخیره کنیم ؟

شما نیازی نیست فایل را در دیتابیس ذخیره کنید فقط باید نام تصاویر را ذخیره کنید و ان هاimageName است که ساختیم به همین راحتی.

نمایش تصویر در سایت ؟

برای نمایش در سایت نیز بسیار ساده آدرس محل ذخیره سازی پوشه را قرار میدیم به صورت دستی و بعد اسم عکس را از دیتابیس به صورت پارامتر بهش پاس میدیم ( به کد زیر دقت کنید)

 

<img width="75%" alt="<%#Eval("NewsTitle") %>" src="'<%#"/NewsImage/Thumb/"+Eval("NewsImage") %>'" />

 

 

 

محبوبه میرزائی

نوشته‌های مرتبط

دیدگاه‌ها

*
*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

جشنواره فروش ویژه عید تا عید با تخفیف های باورنکردنی در ام اس پی سافتبزن بریم
+