(php文件上传代码实现)(php获取上传文件路径)

首先简单了解一下 FormData,点击链接:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects

IE浏览器版本最好为:IE10+,因为 FormData 兼容性问题

然后查看示例,代码如下↓

html 代码:


  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
  7. <style type="text/css">
  8. #showimg{margin-top: 20px;height: 150px;}
  9. #showimg div{width: 100px;height: 100px;line-height:100px;margin-right: 20px;float: left;text-align: center;}
  10. #showimg img{vertical-align: middle;max-width: 100%;max-height: 100%;}
  11. </style>
  12. <script type="text/javascript">
  13. jQuery(function () {
  14. jQuery('#butSubmit').click(function () {
  15. var file = jQuery('#fileId')[0].files;
  16. var formDataInfo = new FormData(jQuery('#FormDataUpload')[0]);
  17. formDataInfo.append('file',file);//表单数据
  18. formDataInfo.append('ajajxfile', 1);//额外加数据
  19. /*------分割线------*/
  20. // var formDataInfo = new FormData();
  21. // formDataInfo.append('pic', jQuery("#picId")[0].files[0]);
  22. // formDataInfo.append('ajajxfile', 1);//额外加数据
  23. //jQuery.each(jQuery("#fileId")[0].files,function (k,val) {
  24. // formDataInfo.append('fileimg[]', val);
  25. // });
  26. // alert(formData);
  27. jQuery.ajax({
  28. type:'post',
  29. url:'upload.php',
  30. dataType:'json',
  31. cache:false,
  32. processData:false,//必须
  33. contentType:false,//必须
  34. data:formDataInfo,
  35. success:function (data) {
  36. // alert(data);
  37. var html = '';
  38. for (var i=0;i<data.length;i++){
  39. html +='<div><img src="'+data[i]+'"></div>';
  40. }
  41. jQuery('#showimg').html(html);
  42. },
  43. error:function () {
  44. alert('Error');
  45. }
  46. });
  47. });
  48. });
  49. </script>
  50. </head>
  51. <body>
  52. <br>
  53. <form id="FormDataUpload" action="upload.php" method="post" enctype="multipart/form-data">
  54. <input name="img[]" type="file" id="fileId" multiple>
  55. <!--<input name="picId" type="file" id="picId">-->
  56. <input type="button" value="提交" id="butSubmit">
  57. <!-- <input type="submit" name="dosubmit" value="提交Form">-->
  58. </form>
  59. <div id="showimg"></div>
  60. </body>
  61. </html>

后台程序 PHP代码:


  1. <?php
  2. date_default_timezone_set('PRC');
  3. if (!empty($_POST)){
  4. if ($_FILES['img']['name'][0]){
  5. $path = 'upload/';
  6. if (!is_dir($path)){
  7. mkdir(iconv("UTF-8", "GBK", $path),0777,true);
  8. }
  9. $datafile = $_FILES['img'];
  10. $filearr = array();
  11. foreach ($datafile['name'] as $key=>$value){
  12. $type = pathinfo($value);
  13. $filename = $path.time().mt_rand(0,999999999).'.'.$type['extension'];
  14. if (move_uploaded_file($datafile['tmp_name'][$key],$filename)){
  15. $filearr[] = $filename;
  16. }
  17. }
  18. print_r(json_encode($filearr));die;
  19. }
  20. }

一个简单的ajax上传文件,欢迎广大朋友们一起来学习!

(php文件上传代码实现)(php获取上传文件路径)

声明:我要去上班所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者爱音乐的程序员小新人所有,原文出处。若您的权利被侵害,请联系删除。

本文标题:(php文件上传代码实现)(php获取上传文件路径)
本文链接:https://www.51qsb.cn/article/m8qk9.html

(0)
打赏微信扫一扫微信扫一扫QQ扫一扫QQ扫一扫
上一篇2023-02-02
下一篇2023-02-02

你可能还想知道

发表回复

登录后才能评论