Ajaxupload.js use implementation without refreshing file uploads, as shown in figure.
Figure 1 before the file is uploaded
Figure 2 After the file is uploaded
1. Create a page and write HTML
[HTML] View plain copy upload Document: <div class= "UploadFile" > <span id= "Doc" ><input type= "text" disabled= "disabled" /></span> <input type= "hidden" id= "Hidfilename" /> <input type= "button" id= "Btnuploadfile" value= "Upload" /> <input type= "button" id= "Btndeletefile" value= "Delete" /> </div> upload pictures: <div class= "uploadimg" > <input type= "hidden" id= "Hidimgname" /> <input type= "button" id= "btnuploadimg" value= "Upload" /> <input type= "button" id= "btndeleteimg" value= "delete" /> </div > 2, reference ajaxupload.js file
[HTML]View plain copy <script src= "/js/common/ajaxupload.js" type= "Text/javascript" ></script> 3, writing JS script
[Java]View Plain Copy