jquery ocupload一鍵上傳文件應用


官網其中的例子:

var myUpload = $(element).upload({   
        name: 'file',   
        action: '',   
        enctype: 'multipart/form-data',   
        params: {},   
        autoSubmit: true,   
        onSubmit: function() {},   
        onComplete: function(response) {},   
        onSelect: function() {}   
});

實際應用:

<!-- 導入jquery核心類庫 -->
<script type="text/javascript"
    src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<!-- 導入jquery-ocuppload類庫 -->
<script
    src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"
    type="text/javascript"></script>
<script>
$(function(){

    $("#button-import").upload({  
        name: 'upload',  // <input name="file" />  
        action: '${pageContext.request.contextPath}/importSubarea.action',  // 提交請求action路徑  
        enctype: 'multipart/form-data', // 編碼格式  
        autoSubmit: true, // 選中文件提交表單  
        onComplete: function(response) {// 請求完成時 調用函數  
        if(response=="success"){  
            alert("數據導入成功!");  
        }  
        }  
    }); 

});
</<script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章