像我们做项目时,应该少不了增删改查,图片的上传也是经常遇到,今天我就向大家说下怎么预览图片以及保存图片吧。
首先看下前端样式,我从部分代码中截取一部分给大家展示。
<Border Grid.Column="1" Grid.Row="12" Margin="16,46,10,-211" Grid.ColumnSpan="7">
<Image Grid.Column="1" Grid.Row="12" x:Name="img_photo" Grid.ColumnSpan="7" Margin="0,0,0,10"/>
</Border>
一个border内容标签中嵌套一张图片(Image),用来展示图片。
既然要预览,那一般少不了按钮触发,点击按钮预览图片。一个清除图片的按钮,将图片清除。
<Button x:Name="btn_File" Content=" 浏览" Grid.Column="0" Grid.Row="12" Margin="0,10,0,-24" Height="33" VerticalAlignment="Top" Click="btn_File_Click"/>
<Button x:Name="btn_Clear" Content=" 清空" Grid.Column="0" Grid.Row="12" Margin="0,57,0,-71" Height="33" VerticalAlignment="Top" Click="btn_Clear_Click"/>
设置一个点击事件,来触发预览。
部分样式效果:
点击事件后台代码如下: