EasyUI-FileBox(文件框)

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

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

   

用法

通过标签创建验证框。

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


使用Javascript创建验证框。

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


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

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

属性名

属性值类型

描述

默认值

buttonText

string

在文本框上附加的按钮显示的文本。

Choose File

buttonIcon

string

在文本框上附加的按钮显示的图标。

null

buttonAlign

string

附加按钮位置。可用值有:“left”, “right”

right

与springmvc结合实现文件上传:

前端文件

form id="brandAddForm" method="post" enctype="multipart/form-data">
      table cellpadding="5">
        tr>
          td>名称:td>
          td>input class="-textbox" type="text" name="name" data-options="required:true" style="width:200px">input>td>
        tr>
        tr>
           td>描述:td>
          td>input class="-textbox" name="description" data-options="multiline:true" style="height:100px;width:200px">input>td>
        tr>
        tr>
          td>URL:td>
          td>input class="-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 配置文件

  
  bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">  
    property name="defaultEncoding" value="UTF-8"/>  
      
    property name="maxUploadSize" value="200000"/>  
  bean>  
    
    
    
  bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">  
    property name="exceptionMappings">  
      props>  
          
        prop key="org.springframework.web.multipart.MaxUploadSizeExceededException">error_fileuploadprop>  
      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(文件框)
本文地址:https://www.zhiletu.com/archives-2669.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微