代码结构如下:
1、HTML代码,没必要解释了。
1 DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>文件上传title> 6 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script> 7 <script src="uploads/ajaxFileUpload.js" type="text/javascript" charset="utf-8">script> 8 <script type="text/javascript"> 9 $(function(){10 $('#ti').click(function(){11 var data = { name: 'my name', description: 'short description' } 12 $.ajaxFileUpload({13 url: 'up.php',14 secureuri: false,15 data: data,16 fileElementId: 'upf',17 dataType: 'json',18 success: function (data) {19 // var datejson=eval(data);20 //console.log(data[0].path_name)21 $('#im').append(''+data[0].path_name+'">')%20%20%20%2022%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20//console.log('
')23%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20},24%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20error:%20function%20(data)%20{25%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.log(data)26%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20}27%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20});28%2029%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20})30%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2031%20%20%20%20%20%20%20%20%20%20%20%20%20})32%20%20%20%20%20%20%20%20%20script>33%20%20%20%20%20head>34%20%20%20%20%20<body>35%20%20%20%20%2037%20%20%20%20%20%20%20%20%20<input%20%20type="file"%20name="upfm"%20id="upf"%20value=""%20/>38%20%20%20%20%20%20%20%20%20<input%20id='ti'%20type="button"%20value="提交"/>39%2040%20%20%20%20%20%20%20%20%20<div%20id="im">41%20%20%20%20%20%20%20%20%20%20%20%20%2042%20%20%20%20%20%20%20%20%20div>43%20%20%20%20%20%20%20%20%2044%20%20%20%20%20body>45%2046%20html>