WPF+MVC+WCF大图片上传回显Demo

本实例讲WCF配置,MVC和WPF不作解释!

效果:

Demo层次结构:

MVC客户端:
连接WCF服务,将图片转换为Stream流,再将Stream流以byte[]方式进行图片上传!

核心代码

WCF服务端:
以IIS为宿主,Http协议实现接收客户端的byte[]数据,返回给WPF客户端!
服务端Web.config配置十分重要,要做到大图片数据传输,需要给在binding添加
<binding name="ImageOperationService_Binding" maxBufferPoolSize="2147483647" maxBufferSize="2147483647" maxReceivedMessageSize="2147483647">
          <readerQuotas maxDepth="2147483647" maxStringContentLength="2147483647" maxArrayLength="2147483647" maxBytesPerRead="2147483647" maxNameTableCharCount="2147483647"/>

system.web节点下添加
<system.web>
    <compilation debug="true"/>
     <httpRuntime maxRequestLength="2097151" executionTimeout="1200"/>
  </system.web>

客户端同样需要配置相同信息

---------------------------------------------------------------------以下是服务端配置代码---------------------------------------------------------------------
<?xml version="1.0"?>
<configuration>
  <system.serviceModel>
    <behaviors>
      <serviceBehaviors>
        <behavior name="ImageOperationService_Behavior">
          <serviceMetadata httpGetEnabled="true"/>
        </behavior>
      </serviceBehaviors>
    </behaviors>
    <bindings>
      <basicHttpBinding>
        <binding name="ImageOperationService_Binding" maxBufferPoolSize="2147483647" maxBufferSize="2147483647" maxReceivedMessageSize="2147483647">
          <readerQuotas maxDepth="2147483647" maxStringContentLength="2147483647" maxArrayLength="2147483647" maxBytesPerRead="2147483647" maxNameTableCharCount="2147483647"/>
        </binding>
      </basicHttpBinding>
    </bindings>
    <services>
      <service behaviorConfiguration="ImageOperationService_Behavior" name="LshDemo.Service.ImageOperationService">
        <endpoint address="http://192.168.1.75/ImageOperationService.svc" binding="basicHttpBinding" bindingConfiguration="ImageOperationService_Binding" contract="LshDemo.Service.IImageOperationService"/>
      </service>
    </services>
  </system.serviceModel>
  <system.web>
    <compilation debug="true"/>
     <httpRuntime maxRequestLength="2097151" executionTimeout="1200"/>
  </system.web>
</configuration>

WPF客户端:
启动线程监听WCF服务图片信息,及时读取WCF服务字节流,在界面显示!

核心代码:

Demo下载链接:http://yunpan.cn/cfpygtIvCqjUv;
提取码 b289

时间: 2024-11-06 11:18:13

WPF+MVC+WCF大图片上传回显Demo的相关文章

使用 form 和 iframe 实现图片上传回显

主要利用 form 的 target 属性,在提交表单之后 response 返回到 iframe 中 form 的 action 可以自己写,也可以直接利用 富文本编辑器的接口实现上传 1 <form id="form_img" method="post" action="/Ueditor/net/controller.ashx?action=uploadimage" enctype="multipart/form-data&q

CSS从大图片上截取小图标的操作_CSS精灵

1.编程思想在于:          使用background-position属性(设置背景图像的起始位置).这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始. 2.CSS基础介绍: 1.如何定位背景图像: body { background-image:url('bgimage.gif'); background-repeat:no-repeat; background-attachment:fixed; background-p

MVC微信浏览器图片上传(img转Base64)

因公司业务需要,需要做一个微信公众号里的图片上传功能,主要用到的技术就是 img转base64 上到服务器 话不多说, 贴代码 先看前端显示出来的东西 OK 图片不重要,看代码 <!--微信图片上传--> <section class="logo-license"> <div class="half"> <div class="uploader"> <a class="license

jquery 上传回显图片预览

/******************************************************************************* * 异步上传文件,兼容IE8,火狐和谷歌可用,如果可以使用h5则使用h5 * 实现单个多次上传不刷新 * @author 柳伟伟 <[email protected]> * @version 1.5 (2016-05-09) 加入h5上传文件 **********************************************

Spring MVC MultipartFile实现图片上传

<!--Spring MVC xml 中配置 --><!-- defaultEncoding 默认编码;maxUploadSize 限制大小--><!-- 配置MultipartResolver 用于文件上传 使用spring的CommosMultipartResolver --> <beans:bean id="multipartResolver" class="org.springframework.web.multipart.c

MVC OF UEditor 图片上传 笔记

最近正巧需要用到UEditor ,因为需求,.需要把上传的图片数据上传到阿里云的OSS与记录图片到MS SQL中 . 不得已只能翻UEditor的实现代码>_<痛苦.遗憾的是研究了两天也没想明白 备忘笔记: UEditor 的图片存储函数位于UploadHandler.cs 的Process 之中. public UploadHandler(HttpContext context, UploadConfig config) : base(context) { this.UploadConfig

CSS从大图片上截取小图标的操作

注:图片名称(tabicons.png)每个小图标width:18px;height:18px从左上角坐标为(-0px;-0px;); 例如第一个对号的坐标为(-0px;-0px;)第二个加号的图标为(-20px;-0px;)中间依次加20个像素 截取小图标样式 .icon { background: url(imges/tabicons.png) no-repeat; width: 18px; line-height: 18px; display: inline-block; } .icon-

CSS从大图片上截取小图标

一张图片,用CSS分割成多个小图标. css样式: .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-height:18px; display:inline-block;} .tu0101{background-position:-0px -0px;} .tu0201{background-position:-20px -0px;} .tu0301{background-position:-40px

CSS从大图片上截取小图标的操作(转)

一张图片,用CSS分割成多个小图标. css样式: [css] view plaincopy .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-height:18px; display:inline-block;} .tu0101{background-position:-0px -0px;} .tu0201{background-position:-20px -0px;} .tu0301{backg