找了好久終于在網(wǎng)上找到了ajax異步上傳文件的方法，不過網(wǎng)上大多數(shù)是php的 ，我改為struts2寫的 大同小異，希望對學(xué)習(xí)java的人有一定的幫助。我上傳的是音樂文件。
ajaxfileupload.js這個(gè)js文件是主要文件，一定要導(dǎo)入。
jsp頁面 ，其中我還做了div的隱藏*****************************
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <base href="<%=basePath%>"> <title>Uploadify</title><style type="text/css">#div1{color: #000000; font-size: 12px; border: 0px solid #74B3DC; color: #000; background: #fff;display:none;}</style> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/ajaxfileupload.js"></script> <!-- 執(zhí)行上傳文件操作的函數(shù) --> <script type="text/javascript"> function ajaxFileUpload(){ $.ajaxFileUpload( { url:'uploadAction.action', //需要鏈接到服務(wù)器地址 secureuri:false, fileElementId:'upload', //文件選擇框的id屬性 dataType: 'json', //服務(wù)器返回的格式 success: function (data, status) //相當(dāng)于java中try語句塊的用法 { // alert(data); var ss =data; // alert(ss); var mp3Name = ss.split(";"); for(var i=0; i<mp3Name.length;i++) { //alert(mp3Name[i]); $('#songName').val(mp3Name[0]); $('#songsiger').val(mp3Name[1]); } $('#result').html('添加成功'); }, error: function (data, status, e) //相當(dāng)于java中catch語句塊的用法 { //alert("222."); $('#result').html('添加失敗'); } } ); target=document.getElementById('div1'); if (target.style.display=="block"){ target.style.display="none"; } else { target.style.display="block"; } } </script></head><body> <form method="post" action="uploadAction.action" enctype="multipart/form-data"> <input type="file" id="upload" name="upload"/> <input type="button" value="上傳文檔" onclick="ajaxFileUpload()"/> <div id="result"></div> <div id="div1"> 歌曲<input type="text" id="songName" name="songName" value=""> 歌手 <input type="text" id="songsiger" name="songName" value=""> <input type="button" value="提交文檔信息" /> </div> </form> </body></html>action上傳后臺(tái)代碼*************************************
新聞熱點(diǎn)
疑難解答
圖片精選
