نمایش عکس ذخیره شده در دیتابیس در دیتاگرید WPF

09:47:00 PM - 1400/06/09

با سلام من میخوام فایل هایی که تو دیتابیس ذخیره میکنم بدون نام باشن و فقط فایل ذخیره بشه الان که میخوام فایل هارو تو دیتا گردید ویو نمایش بدم میخوام بجای sytem.byte یک عکس یا آیکون نشون داده بشه که نمایشگر فقط وجود فایل باشه یه فایلی تو دیتابیس موجود هست ضمننا پروژه ام توی wpf هستش ممنون

اگه بتونم یک convert بنویسیم حل میشه

مثلا اینجوری اما جواب نمیده

 public class converterbyte2image : IValueConverter
    {
        
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            projectASLI.window.Frm_SabtTamiratHedayatControl f = new   projectASLI.window.Frm_SabtTamiratHedayatControl();
            //f.Dgv_Sabt_Eyb.Columns.GetType();
            value = "System.Byte[]";
            if (value == f.Dgv_Sabt_Eyb.Columns.GetType())
            {
                
                      return "*";
               
                
            }
            else
            {
             return "" ;
            }
             
        }

 <Window.Resources>
        <Local:converterbyte2image x:Key="Byte2image"/>
    </Window.Resources>

ویرایش شده در چهارشنبه ۱۰ شهریور ۱۴۰۰ ساعت ۲۳:۲۹:۳۰

به این سوال امتیاز بدهید -1 تعداد بازدید این سوال : 2642

1 نظر

saedbfd : این تصویری که قرار دادید که اصلا هیچی معلوم نیست توش !!!

حذف امتیاز کاربر : 1514 رتبه کاربر : 1 تاریخ ثبت : ۰۳:۲۰ ۱۴۰۰/۰۶/۱۰

پاسخ دهنده : hamid_b 03:22:00 PM - ۱۴۰۰/۰۶/۱۰

به این پاسخ امتیاز بدهید -1 نظر گزارش حذف ویرایش

1 نظر

Omid9893 : عزیز جان من مشکلی با نمایش عکس ندارم فایل های ذخیره شده در دیتابیسم word-exel-solidwork و... هستش اینارو میخوام تو نمایش دیتاگرید فقط بجای فایل مورد نظر یک ایکون نمایش بدم به این معنی که فایلی در دیتابیس ثبت شده

حذف امتیاز کاربر : 12 رتبه کاربر : 57 تاریخ ثبت : ۰۸:۴۳ ۱۴۰۰/۰۶/۱۰

پاسخ دهنده : hamid_b 03:32:00 PM - ۱۴۰۰/۰۶/۱۰

نمایش تصویر ذخیره شده در دیتابیس در DataGrid در WPF

خب اگر تصویر شما در دیتابیس ذخیره شده و می خواهید در DateGrid نمایش بدید ابتدا باید یک کوئری داشته باشید که اطلاعات رو از دیتابیس واکشی کنید در پروژه :

private void ShowProductInfo()
{
   var query = database.Database.SqlQuery<Product>("Select * From Product ");
   var u = query.ToList();
   dataGrid1.ItemsSource = u;
}

خب توسط صدا زدن متد بالا میتونید اطلاعات رو از دیتابیس دریافت کنید. (البته کوئری بستگی به پروژه شما داره و این کوئری جهت تست معرفی شده).

خب در قسمت دستورات xaml در بخش طراحی هم شما قطعا یک کنترل DataGrid روی پنجره خودتون قرار دادید. میتونید کدهای زیر رو برای نمایش تصویر بنویسید :

<DataGrid x:Name="dataGrid1">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="تصویر" Width="80">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Width="70" Height="50" Source="{Binding ProductImage}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>

                    <DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="{x:Type DataGridColumnHeader}">
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                            <Setter Property="HorizontalContentAlignment" Value="Center"/>
                        </Style>
                    </DataGridTemplateColumn.HeaderStyle>
                </DataGridTemplateColumn>
   </DataGrid.Columns>
</DataGrid>

خب توسط دستورات بالا و بعد از اجرای پروژه تصویر شما در ستون جدول نمایش داده میشه.

به این پاسخ امتیاز بدهید -1 نظر گزارش حذف ویرایش

1 نظر

Omid9893 : ممنون اینو میدونم مشکلی در نمایش عکس ندارم مشکل من در واقع اینجوریه که هرجا در برنامه system.type بود بجاش در دیتاگرید یه ایکون یا عکس نشون بده

حذف امتیاز کاربر : 12 رتبه کاربر : 57 تاریخ ثبت : ۰۸:۴۵ ۱۴۰۰/۰۶/۱۰

پاسخ دهنده : Omid9893 09:58:00 PM - ۱۴۰۰/۰۶/۱۴

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

ابتدا یک کلاس بسازید و سپس از IvalueConverter استفاده کنید

 public class converterbyte2image : IValueConverter
    {
       
        
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value != null)
            {
                if (value.ToString().Equals( "System.Byte[]"))
                {
                    return new BitmapImage (new Uri("Pack://Application:,,,/img/Ok.jpg"));
                }
                else
                {
                    return null;
                }
                
            }
            return null;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

بعد در دیتا گرید ویو تو xml هرجا که اطلاعاتتون [] System.Byte باشه بجاش یک عکس نشون میده

 xmlns:Local="clr-namespace:Amozesh.Module"

 <Window.Resources>
        <Local:converterbyte2image x:Key="converter"/>
    </Window.Resources>

<telerik:GridViewDataColumn   Width="130" Header="فایل رفع عیب WORD"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center"  TextWrapping="Wrap">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Word_Tamirat,Converter={StaticResource converter}}" Stretch="Uniform" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>

                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="130" Header="فایل رفع عیب Exel"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Exel_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="120" Header="فایل تشریح رفع عیب PDF"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Pdf_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="140"  Header="عکس رفع عیب "  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="80" Height="80" Source="{Binding File_Image_Tamirat}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>

                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="130" Header="فیلم نحوه رفع عیب"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Movi_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="140" Header="فایل صوتی نحوه رفع عیب"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Seda_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="120" Header="فایل نقشه PDF"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Map_Pdf_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn Width="140" Header="فایل SolidWork"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_SolidWork_Tamirat,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="140" Header="فایل AutoCad"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_MAP_AutoCad,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="130" Header="فایل شبیه سازی پروتئوس"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Simulate_Protus,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn  Width="130" Header="فایل شبیه سازی Orcad"  TextAlignment="Center" FooterTextAlignment="Center" HeaderTextAlignment="Center">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate >
                            <Image Width="20" Height="20" Source="{Binding File_Simulate_Orcad,Converter={StaticResource converter}}" />
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
                </telerik:GridViewDataColumn>

نتیجه نهایی میشه این الان هرجا [] System.Byte باشه بجاش یه عکس نشون میده یعنی اینکه فایلی در دیتابیس ثبت شده و اینجوری قشنگتره و نیازی نیست اسم فایل هم در دیتابیس ذخیره بشه خود فایل کفایت میکنه