前段代码

//提交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. SharePoint Permission Extension

    SharePoint Permission Extension 项目很久没维护了,也没有迁移到sp2013上(貌似只要把2013的Form的RenderMode设置为Server后也是可以用的). 在 ...

  2. Android—Bundle传递ArrayList<T>

    Android开发中Activity传值特别普遍,最贱开发需要传递集合List到另一个Activity,在此作出总结. 首先创建自己的实体类:我的暂命名为Gate. 声明List集合时候泛型中是你声明 ...

  3. xcode svn commit is not under version control (1) & git commit

    使用Xcode提交一个第三方库时,由于包含资源文件,总是提交不了,提示报错:XXX commit is not under version control (1) 网上查了下,得知 xcode对于sv ...

  4. yii2下拉框带搜索功能

    简单的小功能,但是用起来还是蛮爽的.分享出来让更多的人有更快的开发效率,开开心心快乐编程.作者:白狼 出处:http://www.manks.top/yii2_dropdown_search.html ...

  5. 在Mac电脑上为iPhone或iPad录屏的方法

    在以前的Mac和iOS版本下,录制iPhone或者iPad屏幕操作是一件稍微复杂的事情.但是随着Yosemite的出现,在Mac电脑上为iPhone或iPad录屏的方法就变得简单了.下面就介绍一下具体 ...

  6. String.SubString

    1理论 String.SubString(int index,int length) index:开始位置,从0开始 length:你要取的子字符串的长度 2实验   string my = &quo ...

  7. sql monitor生成不了报告& FFS hint不生效两个问题思考

    事情的发生就是这么偶然,一步步的深入才能汲取到更深入的知识~~ -------------------START------------------------------------------- ...

  8. java中遍历map的两种方式

    1.先将map对象转成set,然后再转为迭代器 Iterator iterator = map.entrySet().iterator(); while(iterator.hasNext()){ En ...

  9. WordPress目录文件结构详细说明

    根目录 |-wp-admin | |-css | |-images | |-includes | |-js | |-maint | |-network | |-user |-wp-content | ...

  10. 【转】深入理解SQL的四种连接-左外连接、右外连接、内连接、全连接

    [原文]:http://www.jb51.net/article/39432.htm 1.内联接(典型的联接运算,使用像 =  或 <> 之类的比较运算符).包括相等联接和自然联接.    ...