i want to display image on image control when i select path

minakshi khaire

8y2.3k

i want to display image on image control when i select selected path from listbox.

My code wpf is:

My c# code:

public partial class MainWindow : Window

{

ObservableCollection People = new ObservableCollection();

//ObservableCollection People2 = new ObservableCollection();

public MainWindow()

{

InitializeComponent();

dataGrid1.ItemsSource = People;

//dataGrid2.ItemsSource = People2;

}

private void Button_Click(object sender, RoutedEventArgs e)

{

People.Add(new Person());

}

public class Person

{

public string EducationClassName { get; set; }

//public DatePicker DateFrom { get; set; }

public DatePicker DateTo { get; set; }

public string NameOfSchoolOrUniversity { get; set; }

public string Certification { get; set; }

public string GradeObtained { get; set; }

//}

//public class Employee

//{

// public int srno { get; set; }

// public string Document { get; set; }

// public Uri Browse { get; set; }

//}

//private void AddDocumentClick(object sender, RoutedEventArgs e)

//{

// People2.Add(new Employee());

}

private void UploadButton(object sender, RoutedEventArgs e)

{

OpenFileDialog openfiledialog = new OpenFileDialog();

openfiledialog.Multiselect = true;

openfiledialog.Title = "Select a picture";

openfiledialog.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +

"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +

"Portable Network Graphic (*.png)|*.png";

if (openfiledialog.ShowDialog() == true)

{

imgphoto.Source = new BitmapImage(new Uri(openfiledialog.FileName));

string path = openfiledialog.FileName.ToString();

foreach (string filename in openfiledialog.FileNames) ;

tb.Text = openfiledialog.FileName;

lbFiles.Items.Add(tb.Text);

//lbFiles.Items.Add(Path.GetFileName(filename));

//.ItemsSource = path;

// textbox1.IsReadOnly.ToString(Path.filename);

}

My project's screen shot:

Please help me..........

11 Replies

Know the answer? Post it — somebody with the same question will find it here.

Kip Hackman5y ago
You can use LEADTOOLS Imaging Pro SDK technology in your application.
https://www.leadtools.com/sdk/products/imaging-pro
You can leverage the RasterCodecs class to load the image selected from file and the ImageViewer class to display the image in a WPF application.
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto">RowDefinition>
        <RowDefinition Height="*">RowDefinition>
    Grid.RowDefinitions>
    <Grid Grid.Row="1" Name="imageViewerGrid"/>
Grid>
private void InitViewer()
{
    // Create new instance of ImageViewer
    imageViewer = new ImageViewer
    {
        Background = SystemColors.AppWorkspaceBrush,
        UseDpi = true,
        ViewPadding = new ControlPadding(),
        ViewHorizontalAlignment = ControlAlignment.Center,
        ViewVerticalAlignment = ControlAlignment.Center,
    };
    // Add viewer to the imageViewerGrid
    imageViewerGrid.Children.Add(imageViewer);
    // Add pan and zoom functionality
    var panZoom = new ImageViewerPanZoomInteractiveMode();
    imageViewer.InteractiveModes.Add(panZoom);
    // Instantiate RasterCodecs
    codecs = new RasterCodecs();

    OpenFileDialog dlg = new OpenFileDialog();
    dlg.InitialDirectory = @"C:\LEADTOOLS21\Resources\Images";
    if (dlg.ShowDialog() == true)
    {
        // Load and display selected file from path
        imageViewer.Image = codecs.Load(dlg.FileName);
    }
}
minakshi khaire8y ago
if (dlg.ShowDialog() == System.Windows.Forms.DialogResult.OK)

error comes at OK.
& the error is,'bool?' does not contain a defination for 'OK' and no extension method 'OK' accepting a first argument of type 'bool?' could be found(are you missing using directive or assembly reference?)
i dont understand why this error comes???
Ayappan Alagesan8y ago
Is your problem solved?
Ayappan Alagesan8y ago
http://www.c-sharpcorner.com/uploadfile/mahesh/image-viewer-in-wpf/

Here they explained clearly
Ayappan Alagesan8y ago
xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="//schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="324" Width="343">

Stretch="Fill" Grid.Column="1" />

using System;
using System.Windows;
using System.Windows.Media.Imaging;
using Microsoft.Win32;
namespace WpfSavePhotoToOracle
{ ///
/// Interaction logic for Window1.xaml ///
public partial class Window1 : Window
{ public Window1()
{ InitializeComponent(); }
private void btnLoad_Click(object sender, RoutedEventArgs e)
{
OpenFileDialog op = new OpenFileDialog();
op.Title = "Select a picture";
op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (op.ShowDialog() == true)
{ imgPhoto.Source = new BitmapImage(new Uri(op.FileName)); }
} } }
minakshi khaire8y ago
my c# code is:

private void UploadButton(object sender, RoutedEventArgs e)
{
OpenFileDialog openfiledialog = new OpenFileDialog();
openfiledialog.Multiselect = true;
openfiledialog.Title = "Select a picture";
openfiledialog.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (openfiledialog.ShowDialog() == true)
{
imgphoto.Source = new BitmapImage(new Uri(openfiledialog.FileName));
string path = openfiledialog.FileName.ToString();
foreach (string filename in openfiledialog.FileNames) ;
//tb.Text = openfiledialog.FileName;
lbFiles.Items.Add(path);
lbFiles.ItemsSource = path;
//if (openfiledialog.ShowDialog(this) == DialogResult.Value)
//{
// path = openfiledialog.InitialDirectory + openfiledialog.FileName;
//}
}

& my wpf xaml code is:

ItemsSource="{Binding SelectedItem}"/>

sir Please give me the perfect solution cz im a fresher for wpf c#
Ayappan Alagesan8y ago
Go through thes link,If u didt get let me know

https://www.mindstick.com/Articles/521/image-control-in-wpf

https://www.junian.net/2014/07/load-external-image-into-wpf-using.html
minakshi khaire8y ago
sir,i want in wpf c# solution
Ayappan Alagesan8y ago
I am using this code works for me

private void BrowseButton_Click(object sender, RoutedEventArgs e)
{
OpenFileDialog dlg = new OpenFileDialog();
dlg.InitialDirectory = "c:\\";
dlg.Filter = "Image files (*.jpg)|*.jpg|All Files (*.*)|*.*";
dlg.RestoreDirectory = true;
if (dlg.ShowDialog() == System.Windows.Forms.DialogResult.OK)
{
string selectedFileName = dlg.FileName;
FileNameLabel.Content = selectedFileName;
BitmapImage bitmap = new BitmapImage();
bitmap.BeginInit();
bitmap.UriSource = new Uri(selectedFileName);
bitmap.EndInit();
ImageViewer1.Source = bitmap;
}
}
minakshi khaire8y ago
no sir,its not working.

error comes on .OK

please give me some another solution & thank you for first solution... @Ayappan Alagesan
Ayappan Alagesan8y ago
This will help

if (openFileDialog1.ShowDialog(this) == DialogResult.OK)
{
strfilename = openFileDialog1.InitialDirectory + openFileDialog1.FileName;
}