jQuery使用ajaxfileupload外掛實現ajax檔案上傳
阿新 • • 發佈:2019-01-22
<!-- 引入相關的js檔案,相對路徑 --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ajaxfileupload.js"></script> <!-- 執行上傳檔案操作的函式 --> <script type="text/javascript"> function ajaxFileUpload(){ $.ajaxFileUpload({ url:'', //需要連結到伺服器地址 secureuri:false, fileElementId:'fileToUpload', //檔案選擇框的id屬性 dataType: 'json', //伺服器返回的格式json data:{name:'name', id:'id'}, success: function (data, status){ alert('新增成功'); }, error: function (data, status, e){ alert('新增失敗'); } }); } </script>
<body> <form method="POST"> <input id="fileToUpload" type="file" size="45" name="fileToUpload"> <input type="button" value="提交" onclick="ajaxFileUpload()"> </form> </body>