前段代码

  1. //提交form表单,包含file
  2.  
  3. //方法1:使用jquery-form.js插件
  4. /*
  5. $("form").ajaxSubmit(function (resp_img_url) {
  6. //直接返回图片的url
  7. $("#btn_titlepic").html(str_old);
  8. $("#img_titlepic").attr("src",resp_img_url.data);
  9. });
  10. */
  11.  
  12. //方法2:使用FormData数据,直接ajax提交
  13. var formdata = new FormData(document.getElementById("uploadfile"));
  14. $.ajax({
  15.   url: '//www.xxxx.com/backend/upload/upload_image.php',
  16.   type: 'post',
  17.   cache:false,
      data: formdata,
  18.   processData: false,
  19.   contentType: false,
  20.   dataType:'json',
  21.   success: function( response ) {
  22.     //直接返回图片的url
  23.     $("#btn_titlepic").html(str_old);
  24.     $("#img_titlepic").attr("src",resp_img_url.data);
  25.   }
  26. });

  

  1. <form action="//www.xxxx.com/backend/upload/upload_image.php" enctype="multipart/form-data" method="post" id="uploadfile" name="uploadfile">
  2. <input type="file" name="upfile" />
  3. <input type="text" value="abc" name="texna"/>
  4. <!--<input type="text" value="" name="filename" />-->
  5. <input type="submit" value="submit" hidden="true" />
  6. </form>

  

后端代码

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />
  5. <title></title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <?php
  11.  
  12. //上传文件标准信息资讯
  13. print_r($_FILES);echo "<br/>";
  14. echo $_FILES["upfile"]["name"];echo "<br/>";//文件原名
  15. echo $_FILES["upfile"]["type"];echo "<br/>";//文件类型
  16. echo $_FILES["upfile"]["tmp_name"];echo "<br/>";//后台分配的文件临时名字
  17. echo $_FILES["upfile"]["error"];echo "<br/>";//错误信息,一般为0
  18. echo $_FILES["upfile"]["size"];echo "<br/>";//文件大小
  19. ?>
  20. <p>上传中请稍后</p>
  21. <?php
  22. //创建目录
  23. $path="image";
  24. if (!is_dir($path)){
  25. echo "首次上传,正在建目录<br/>";
  26. $res=mkdir(iconv("UTF-8", "GBK", $path),0777,true);
  27. if ($res){
  28. echo "目录 $path 创建成功<br/>";
  29. }else{
  30. echo "目录 $path 创建失败<br/>";
  31. }
  32. }
  33.  
  34. //保存至文件夹
  35. move_uploaded_file($_FILES["upfile"]["tmp_name"],
  36. "image/".time().$_FILES["upfile"]["name"]);
  37. ?>
  38. </body>
  39. </html>

  

通过form上传文件(php)的更多相关文章

  1. c# 模拟表单提交,post form 上传文件、大数据内容

    表单提交协议规定:要先将 HTTP 要求的 Content-Type 设为 multipart/form-data,而且要设定一个 boundary 参数,这个参数是由应用程序自行产生,它会用来识别每 ...

  2. c# 模拟表单提交,post form 上传文件、数据内容

    转自:https://www.cnblogs.com/DoNetCShap/p/10696277.html 表单提交协议规定:要先将 HTTP 要求的 Content-Type 设为 multipar ...

  3. form上传文件以及跨域异步上传

    要设置了enctype属性才能上传,需要使用上传的jar包,这里使用的是cos-26Dec2008.jar, 而且后台获取值的时候,getfile要放在第一位 一次设置好上传格式后没有上传文件,也就没 ...

  4. 关于form 上传文件时的小问题

    平时的form一般写成这样: <form action=" " method="" id="" name=""&g ...

  5. 关于vue使用form上传文件

    在vue中使用form表单上传文件文件的时候出现了一些问题,获取文件的时候一直返回null, 解决之后又出现发送到后台的file文件后台显示为空,解决源码 <template> <d ...

  6. iframe+form上传文件

    <iframe id="iframe1" name="ifra1" style="display: none"></ifr ...

  7. jQuery.form 上传文件

    今年大部分是都在完善产品,这几天遇到了一个问题,原来的flash组件不支持苹果浏览器,需要改.在网上搜了下,看到一个jQuery.form插件可以上传文件,并且兼容性很好,主要浏览器大部分都兼容,插件 ...

  8. 关于HTML的FORM上传文件问题

    首先,大家可以测试后一段代码 <form id="form1" runat="server"> <input type="file& ...

  9. form上传文件2种方式

    示例1: 表单里有图片/文件的上传 <form enctype="multipart/form-data" method="post"> <i ...

随机推荐

  1. How to Operate SharePoint User Alerts with PowerShell

    When you migrate list or site, the user alerts in the site will not be migrated together with the co ...

  2. 在访问jsp时抛java.lang.IllegalArgumentException: Page directive: invalid value for import的原因

    问题:java.lang.IllegalArgumentException: Page directive: invalid value for import 环境:tomcat 7.0.65 出错原 ...

  3. Android 第一http请求访问慢,以后就快了的问题

    android的服务端是用MVC+ef,第一次访问特别慢,第一次以后就快了. 在网上找了很多原因,解决不了.后来发现是应用程序池的问题,准确说是ef的问题,应用程序池被回收了,请求就慢了,

  4. jquery 获取多个select name 的值

    html {foreach from=$month_arr item=dateArr key=i}<tr> <td>{$dateArr.m}</td> <td ...

  5. python头部注释 vim添加头部注释

    1.先说说python和virtual python 一般环境下,python解释器会放在/usr/bin/ 下面,然后你执行python的时候就会运行了,但是如果没有在/usr/bin/下面的话,执 ...

  6. Symantec Backup Exec 2012 Agent for Linux 卸载

    本文介绍一下如何卸载Symantec Backup Exec 2012 Agent for Linx.首先我们来看看Symantec_Backup_Exec2012管理员手册的文档介绍: 卸载 Age ...

  7. Oracle索引梳理系列(五)- Oracle索引种类之表簇索引(cluster index)

    版权声明:本文发布于http://www.cnblogs.com/yumiko/,版权由Yumiko_sunny所有,欢迎转载.转载时,请在文章明显位置注明原文链接.若在未经作者同意的情况下,将本文内 ...

  8. 【转】Linux常用命令大全

    原文地址:http://www.php100.com/html/webkaifa/Linux/2009/1106/3485.html 系统信息 arch 显示机器的处理器架构(1) uname -m ...

  9. Linux常用的命令以及一些常见的问题

    常用的linux 命令   1查看Linux版本 1.1 查看linux的内核版本 uname -r 或者uname -a 1.2 查看linux的具体版本号 cat /proc/version 1. ...

  10. WPF 提示框、确认框、确认输入框

    1.提示框 分为提示.异常.失败.成功几种类型 方法: /// <summary> /// 弹出提示 /// 标题:提示 /// </summary> /// <para ...