前段代码

//提交form表单，包含file

//方法1：使用jquery-form.js插件

/*

$("form").ajaxSubmit(function (resp_img_url) {

	//直接返回图片的url

	$("#btn_titlepic").html(str_old);

	$("#img_titlepic").attr("src",resp_img_url.data);

});

*/

//方法2：使用FormData数据，直接ajax提交

var formdata = new FormData(document.getElementById("uploadfile"));

$.ajax({

　　url: '//www.xxxx.com/backend/upload/upload_image.php',

　　type: 'post',

　　cache:false,
　　data: formdata,

　　processData: false,

　　contentType: false,

　　dataType:'json',

　　success: function( response ) {

　　　　//直接返回图片的url

　　　　$("#btn_titlepic").html(str_old);

　　　　$("#img_titlepic").attr("src",resp_img_url.data);

　　}

});

　　

	<form action="//www.xxxx.com/backend/upload/upload_image.php" enctype="multipart/form-data" method="post" id="uploadfile" name="uploadfile">

		<input type="file" name="upfile" />

		<input type="text" value="abc" name="texna"/>

		<!--<input type="text" value="" name="filename" />-->

		<input type="submit" value="submit" hidden="true" />

	</form>

　　

后端代码

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />

	<title></title>

</head>

<body>

<?php

//上传文件标准信息资讯

print_r($_FILES);echo "<br/>";

echo $_FILES["upfile"]["name"];echo "<br/>";//文件原名

echo $_FILES["upfile"]["type"];echo "<br/>";//文件类型

echo $_FILES["upfile"]["tmp_name"];echo "<br/>";//后台分配的文件临时名字

echo $_FILES["upfile"]["error"];echo "<br/>";//错误信息，一般为0

echo $_FILES["upfile"]["size"];echo "<br/>";//文件大小

?>

<p>上传中请稍后</p>

<?php

	//创建目录

	$path="image";

	if (!is_dir($path)){

		echo "首次上传，正在建目录<br/>";

		$res=mkdir(iconv("UTF-8", "GBK", $path),0777,true);

		if ($res){

			echo "目录 $path 创建成功<br/>";

		}else{

			echo "目录 $path 创建失败<br/>";

		}

	}

	//保存至文件夹

	move_uploaded_file($_FILES["upfile"]["tmp_name"],

      "image/".time().$_FILES["upfile"]["name"]);

?>

</body>

</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. [DOM Event Learning] Section 1 DOM Event 处理器绑定的几种方法

    [DOM Event Learning] Section 1 DOM Event处理器绑定的几种方法   网页中经常需要处理各种事件,通常的做法是绑定listener对事件进行监听,当事件发生后进行一 ...

  2. AMD规范与CMD规范的区别是什么？

    AMD规范与CMD规范的区别是什么?    在比较之前,我们得先来了解下什么是AMD规范?什么是CMD规范?当然先申明一下,我个人也是总结下而已,也是网上看到的资料,自己总结下或者可以说整理下而已,供 ...

  3. 关于OC中的小数精确计算---NSDecimalNumber

    NSDecimalNumber 翻译补充自:http://rypress.com/tutorials/objective-c/data-types/nsdecimalnumber 感谢乐于分享的大神 ...

  4. SQL SERVER错误：已超过了锁请求超时时段。 (Microsoft SQL Server，错误: 1222)

    在SSMS(Microsoft SQL Server Management Studio)里面,查看数据库对应的表的时候,会遇到"Lock Request time out period e ...

  5. Microsoft SQL Server 2005 Service fails to start

    今天碰到一雷死人的事情,在Windows Server 2012 R2上安装SQL SERVER 2005标准版过程中一直遇到"The SQL Server service failed t ...

  6. sql server 里面的 dynamic Data Masking

    有时候啊,当我们存放在数据库里面的数据,需要明文存放,但是对于前台查询出来的,又不太希望明文放出去的时候(比方说客户的手机啊,邮箱啊)之类有点敏感的信息,之前通常是保存个明文,然后在前台展现的时候再特 ...

  7. javamail中的 javax.mail.AuthenticationFailedException: failed to connect

    java.lang.RuntimeException: javax.mail.AuthenticationFailedException: failed to connect javax.mail.A ...

  8. makefile之变量赋值

    makefile中变量赋值有4种方法: = ,   := ,  += ,  ?= ＝ :直接赋值 变量 ＝ 值 :=   :位置相关赋值 如果右值为一个值,那么它和＝没区别,如果右值为变量,那么左边变 ...

  9. 3. Python 简介

    3. Python 简介 下面的例子中,输入和输出分别由大于号和句号提示符 ( >>> 和 ... ) 标注:如果想重现这些例子,就要在解释器的提示符后,输入 (提示符后面的) 那些 ...

  10. AngularJS笔记--自定义指令

    在前端开发中, 我们会遇到很多地方都会用到同一种类型的控件.AngularJS提供了自定义指令功能,我们可以在指令里面定义特定的html模板.提供给前台html调用. 一. 指令的简单定义.  下面定 ...