JQ插件ajaxFileUpload、php实现图片,数据同时上传 - 云翳1895

代码结构如下:

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>

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: