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

15410年前 (2016-06-02)Jfinal5932

页面部分:

<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")); 
 }

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

分享给朋友:

相关文章

多说评论框怎么用更好

 1.隐藏屏蔽掉多说评论框的版权链接代码?简单css实现:多说隐藏版权链接,在后台自定义css添加:#ds-thread #ds-reset .ds-powered-by { display...

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

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

freeMarker 截取字符串(操作字符串函数 )

<#if c.proSummary!?length gt 25>  <!-- 如果长度 >25 截取25个字-->    ...

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

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

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

Java 实现用户资料完整度的前端显示(或根据填写资料自动评分)

前端使用 Bootstrap 的进度条组件显示百分比,后台读取权重并计算信息完整度,并将计算的结果返回给前端,供页面显示。CSS1<link href="static/sc/...

程序员为什么不炫富

程序员为什么不炫富

 提到互联网,尤其是互联网工程师们,人们往往会想到两个词:“高薪”和“高压”。在知乎上“为什么很少见工资高的程序员炫富?”的问题下,一个得票很高的答案是:“乐意炫富的人,不是因为有钱,而是因为付出的少...

发表评论

访客

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