ssh使用uploadify上传文件(1)jsp

jsp页面:

   

<html><head>

<script type="text/javascript">
jQuery(document).ready(function(){
 var file = document.getElementById('uploadImage').value;
 $('#uploadImage').uploadify({
        'swf' : '${jsPath}/uploadify/uploadify.swf', // flash
        'uploader' : '${base }/lottery/uploadFile.action', // 数据处理url
        'method': 'post',
        'queueID': 'fileQueue', //和存放队列的DIV的id一致
        'fileObjName': 'uploadImage', //和以下input的name属性一致
        'auto': false,
        'width': 35,
        'height': 19,
        'buttonText': '浏览',
        'fileSizeLimit':'1MB',
        'fileTypeDesc':'只能上传JPG,JPEG,PNG格式',
        'fileTypeExts': '*.jpg;*.gif;*.png',
        'multi' : false,
        // 单个文件上传成功时的处理函数
        'onSelect': function(file) {//当每个文件添加至队列后触发
        jQuery("#fileName").attr("value",file.name);
        },
        'onUploadSuccess' : function(file, data, response){
         alert(data);
           $("#uploader_view").append('<img height="60" alt="" src="'+data+'"/>');
        },
         'onQueueComplete' : function(queueData) {
           $('#uploader_msg').html(queueData.uploadsSuccessful + ' files were successfully uploaded.');
         } 
        });
});

function stopUpload(){
 $('#uploadImage').uploadify('cancel');
 jQuery("#fileName").attr("value","");
}

function startUpload(){
 $('#uploadImage').uploadify('upload','*');
 jQuery("#fileName").attr("value","");
}

</script>
</head>
<body class="center_bg_index">
 <div id="contentDiv" style="height: 100%; overflow-y: auto;">
  <div style="width: 98%;">
    <input type="hidden" value="" name="fileNameStr" id="fileNameStr" />
    <table width="100%" border="0" cellpadding="0" cellspacing="0"
     class="common_table"  >
      <div id="fileQueue" style="display:none"></div>
     <tr>
       <input type="text" name="fileName" id="fileName" style="width:400px;">
       <input type="file" name="uploadImage" id="uploadImage"
        style="width:400px;"/>
               <input type="button" class="button_61px"
        οnmοuseοver="this.className='button_61px_over'"
        οnmοuseοut="this.className='button_61px'"
        value="上传"
        οnclick="javascript:startUpload();"/>
        <input type="button" class="button_61px"
        οnmοuseοver="this.className='button_61px_over'"
        οnmοuseοut="this.className='button_61px'"
        value="取消上传"
        οnclick="javascript:stopUpload();"/>
     </tr>
    </table>
     <div id="uploader_msg"></div>
    <div id="uploader_view"></div>
  </div>
 </div>
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值