前段代码

//提交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. OpenGL渲染流程

    一.什么是openGL OpenGL被定义为“图形硬件的一种软件接口”.从本质上说,它是一个3D图形和模型库,具有高度的可移植性,具有非常快的速度. 二.管线 管线这个术语描述了opengl渲染的整个 ...

  2. Android开发--异步加载

    因为移动端软件开发思维模式或者说是开发的架构其实是不分平台和编程语言的,就拿安卓和IOS来说,他们都是移动前端app开发展示数据和用户交互数据的数据终端,移动架构的几个大模块:UI界面展示.本地数据可 ...

  3. Red Hat Enterprise Server 6.0 安装Sendmail相关包

    由于需要在Linux服务器(Red Hat Enterprise Linux Server release 6.0)上配置邮件服务,需要安装Sendmail包,一般Sendmail的安装有两种方式:R ...

  4. MongoDB学习笔记~客户端命令行的使用

    回到目录 当我们从MongoDB网站下载安装包之后,它会伴随有一系列的工具,服务器程序mongod是我们耳熟能详的了,客户端mongo和性能检测mongostat我们可能就没有用过了,今天主要是介绍一 ...

  5. 【转】jquery 中scrollTop在Firefox下不起作用

    原文链接:http://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox Animate scr ...

  6. Linux下java进程CPU占用率高分析方法

    Linux下java进程CPU占用率高分析方法 在工作当中,肯定会遇到由代码所导致的高CPU耗用以及内存溢出的情况.这种情况发生时,我们怎么去找出原因并解决. 一般解决方法是通过top命令找出消耗资源 ...

  7. java中执行系统命令

    java程序中执行系统命令猛击下面的链接看看你就知道怎么用了 http://blog.csdn.net/a19881029/article/details/8063758 http://wuhongy ...

  8. Junit测试Controller（MockMVC使用），传输@RequestBody数据解决办法

    一.单元测试的目的 简单来说就是在我们增加或者改动一些代码以后对所有逻辑的一个检测,尤其是在我们后期修改后(不论是增加新功能,修改bug),都可以做到重新测试的工作.以减少我们在发布的时候出现更过甚至 ...

  9. linux tomcat 的安装

    1.tomcat6 下载地址 http://tomcat.apache.org/download-60.cgi 下载的话,下载那个.tar.gz后缀名的即可. 好像在 Linux.Unix上tomca ...

  10. [diango]理解django视图工作原理

    前言:正确理解django视图view,模型model,模板的概念及其之间的关联关系,才能快速学习并上手使用django制作网页 本文主要讲解自己在学习django后对视图view的理解 在进入正文之 ...