uploadify点击按钮上传文件

<link href="${pageContext.request.contextPath}/css/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.4.min.js"></script>


$(document).ready(function(){

$("#uploadify").uploadify({
'uploader' : 'uploadify.swf',
'script' : 'servlet/Upload',
'cancelImg':'img/cancel.png',
'folder' : 'uploads/images',
'queueID' : 'fileQueue',
'auto':false,
'simUploadLimit':1,
'buttonText':'选择文件',
'fileDesc':'请选择(*.pdf)文件',
'fileExt':'*.pdf',
'buttonImg':'img/bttonImage.png',
'onComplete' : function(event, ID, fileObj,response, data) {
$("#flName").html(fileObj.name);
$("#flName1").html(response);
Save();
},
        'onError':function(event, ID, fileObj){
alert("上传文件:"+fileObj.name+"失败!");
    }
  });

 });

function fileUpload(){
window.location.href="javascript:$('#uploadify').uploadifyUpload()"; 
 }


<div style="text-align: center; padding-left: 10px;">
<span id="flName1" style="display:none"></span>
<span id="flName" ></span><br/>
<input type="file" name="uploadify" id="uploadify"  class="tc-btn2"/>
<div id="fileQueue"></div>
</div>
 <div class="btn-ys2" style="padding-right: 20px;">
<button class="tc-btn2" οnclick="fileUpload()">上传</button>
<button class="tc-btn2" οnclick="emtyUpload()">关闭</button>
</div>


private long sizes=0;
    @SuppressWarnings("unchecked")  
    public void doPost(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException {  
        String savePath = this.getServletConfig().getServletContext()  
                .getRealPath("");  
        savePath = savePath + "/uploads/images/";  
        File f1 = new File(savePath);  
        if (!f1.exists()) {  
            f1.mkdirs();  
        }  
        DiskFileItemFactory fac = new DiskFileItemFactory();  
        ServletFileUpload upload = new ServletFileUpload(fac);  
        upload.setHeaderEncoding("utf-8");  


        List fileList = null;  
        try {  
            fileList = upload.parseRequest(request);  
        } catch (FileUploadException ex) {  
            return;  
        }  
        Iterator<FileItem> it = fileList.iterator();  
        String name = ""; 
        //houzhuiming
        String extName = "";  
        while (it.hasNext()) {  
            FileItem item = it.next();  
            if (!item.isFormField()) {  
                name = item.getName(); 
                long size = item.getSize();
                sizes+=size;//单位为byte
                String type = item.getContentType();  
                if (name == null || name.trim().equals("")) {  
                    continue;  
                }  
                if (name.lastIndexOf(".") >= 0) {  
                    extName = name.substring(name.lastIndexOf("."));  
                }  
                File file = null;  
                do {  
                    name = UUID.randomUUID().toString();  
                    file = new File(savePath + name + extName); 
                } while (file.exists());  
                File saveFile = new File(savePath + name + extName);  
                try {  
                    item.write(saveFile);  
                } catch (Exception e) {  
                    e.printStackTrace();  
                }  
            }  
        }  
        response.getWriter().print(name + extName); 
    }  


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值