EasyUI-FileBox（文件框）

扩展自$.fn.textbox.defaults，使用$.fn.filebox.defaults重写默认值对象。

FileBox(文件框)组件在表单当中表示一个文件上传的字段。它扩展自
(文本框)，大部分的属性、事件和方法都继承自文本框。但是由于浏览器的安全问题，其中的某些方法（如：“setValue”）则不能用于 filebox 组件。

用法

通过标签创建验证框。

1. <input class=“easyui-filebox” style=”width:300px”>
   

使用Javascript创建验证框。

1. <input id=“fb” type=“text” style=”width:300px”>
   

$(‘#fb’).filebox({   
    buttonText: ‘选择文件‘,
    buttonAlign: ‘left’
})
属性

以下是新增或重写的文件框属性。

与springmvc结合实现文件上传：

easyui 前端文件

<form id="brandAddForm" method="post" enctype="multipart/form-data">
      <table cellpadding="5">
        <tr>
          <td>名称:</td>
          <td><input class="easyui-textbox" type="text" name="name" data-options="required:true" style="width:200px"></input></td>
        </tr>
        <tr>
           <td>描述:</td>
          <td><input class="easyui-textbox" name="description" data-options="multiline:true" style="height:100px;width:200px"></input></td>
        </tr>
        <tr>
          <td>URL:</td>
          <td><input class="easyui-textbox" name="url" style="width:200px"></td>
        </tr>
        <tr>
          <td>LOGO:</td>
          <td><input class="easyui-filebox" name="sourceFile" style="width:200px"></td>
        </tr>
         <tr>
          <td>关键词:</td>
          <td><input class="easyui-textbox" type="text" name="keywords" data-options="" style="width:200px"></input></td>
        </tr>
      </table>

    </form>

springMVC 配置文件

<!-- SpringMVC上传文件时，需要配置MultipartResolver处理器 -->  
  <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">  
    <property name="defaultEncoding" value="UTF-8"/>  
    <!-- 指定所上传文件的总大小不能超过200KB。注意maxUploadSize属性的限制不是针对单个文件，而是所有文件的容量之和 -->  
    <property name="maxUploadSize" value="200000"/>  
  </bean>  
    
  <!-- SpringMVC在超出上传文件限制时，会抛出org.springframework.web.multipart.MaxUploadSizeExceededException -->  
  <!-- 该异常是SpringMVC在检查上传的文件信息时抛出来的，而且此时还没有进入到Controller方法中 -->  
  <bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">  
    <property name="exceptionMappings">  
      <props>  
        <!-- 遇到MaxUploadSizeExceededException异常时，自动跳转到/WEB-INF/jsp/error_fileupload.jsp页面 -->  
        <prop key="org.springframework.web.multipart.MaxUploadSizeExceededException">error_fileupload</prop>  
      </props>  
    </property>  
  </bean>

model

public class BrandModel {

  private Integer id;
  private String name;
  private String description;
  private String url;
  private String icon;
  private MultipartFile sourceFile; //对应<span style="font-family: Arial, Helvetica, sans-serif;"><input class="easyui-filebox" name="sourceFile" style="width:200px"></span>

        //set/get
}

service 复制到你自己的目录

FileUtils.copyInputStreamToFile(brandModel.getSourceFile().getInputStream(), new File(targetPath));

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-FileBox（文件框）》
本文地址：http://www.xiupu.net/archives-2669.html
关注公众号：