dwz +jfinal 批量多文件上传 实例

1549年前 (2016-06-02)Jfinal4916

页面部分:

<link href="${root}/style/dwz/uploadify/css/uploadify.css" rel="stylesheet"    type="text/css" media="screen" /><script src="${root}/style/dwz/uploadify/scripts/jquery.uploadify.min.js"    type="text/javascript"></script><style type="text/css" media="screen">
.my-uploadify-button {
    background:none;
    border: none;
    text-shadow: none;
    border-radius:0;
}
.uploadify:hover .my-uploadify-button {
    background:none;
    border: none;
}
.fileQueue {
    width: 400px;
    height: 150px;
    overflow: auto;
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
}
</style>
<div class="pageContent" style="margin: 0 10px" layoutH="50">
    <div class="divider"></div>
    <input id="testFileInput2" type="file" name="model.information" 
        uploaderOption="{
            swf:'${root}/style/dwz/uploadify/scripts/uploadify.swf',
            uploader:'${root!}/admin/itemInfo/saveFile/${itemid}',
            formData:{PHPSESSID:'', ajax:1},
            queueID:'fileQueue',
            buttonImage:'${root}/style/dwz/uploadify/img/add.jpg',
            buttonClass:'my-uploadify-button',
            width:102,
            auto:false,
            onUploadSuccess:uploadifySuccess
        }"
    />
    <div id="fileQueue" class="fileQueue"></div>
    <input type="image" src="${root}/style/dwz/uploadify/img/upload.jpg" onclick="$('#testFileInput2').uploadify('upload', '*');"/>
    <input type="image" src="${root}/style/dwz/uploadify/img/cancel.jpg" onclick="$('#testFileInput2').uploadify('cancel', '*');"/>
    <br/><br><br><br> 
    <div id="shownode" ></div>    
</div>

<script type="text/javascript">
function uploadifySuccess(file, data, response){
      // alert('文件[' + file.name + ']上传成功了,' + response + '返回值:' + data);  
       $("#shownode").append("<p ><font style='font-size: 15px'>已成功上传["+file.name+"]文件</font></p>");  
}
</script>

后台部分:(即使是多文件上传,jfinal后台多文件获取文件 也是一个一个的获取)

public void saveFile(){       
          UploadFile uploadFile = getFile("model.information", "file/");    
          String time = new SimpleDateFormat("yyyyMMddHHmmssSSS") .format(new Date());   
          File file = uploadFile.getFile();        
          String ss=uploadFile.getFileName();      
           file.renameTo(new File(PathKit.getWebRootPath()+ "/upload/file/" + time +"."+ ss.split("\\.")[1]));  //文件重命名    
            ItemFile itemFile=getModel(ItemFile.class,"itemFile");     
           itemFile.setItemid(getParaToInt());//项目ID     
           itemFile.setUrl(time +uploadFile.getFileName());  
           itemFile.save();       
           render(DwzRender.closeCurrentAndRefresh("上传成功","./admin/itemInfo")); 
 }

本文原创,转载必追究版权。

分享给朋友:

相关文章

揭秘!如何用一句话找到你的一万微友

 玩微商一年半的时间了,现在的微商如火如荼,很多刚进入微商行业的伙伴都在烦恼一个问题,那就是粉丝、粉丝,我最近调查了身边30多个微友,有25个竟然都是好友问题,有的竟然给我说主动加了50多个...

org.tigris.subversion.javahl.ClientException:Attempted to lock an already-locked dir

 svn更新或提交时候报错:org.tigris.subversion.javahl.ClientException:Attempted to lock an already-locke...

java解析JSON 数组数据 实例

 public  static void main (String args[]){  String sJson ="[{'acceptTim...

get方式调用http接口   Header赋参数值

get方式调用http接口 Header赋参数值

   /**      195.     * 发送...

js/jquery 日历控件及实例下载

js/jquery 日历控件及实例下载

实现日历控件效果:页面:<link href="${base}/resource/${profile.path}/css/lhgcalendar.css" rel="...

js/jquery 实现点击图片更换头像(图片)实例

    总之一句话, 可以先将 file类型 的input 隐藏 起来,通过 图片(头像)的onclick事件 来触发 file 的onclick事件。1.引入外部js:...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。