前段代码

//提交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. 推荐一个iOS关于颜色的库-Wonderful

    Wonderful 这个库主要是与UIColor息息相连的,其中一共包含四个子文件,UIColor+Wonderful,UIColor+Separate,SXColorGradientView,SXM ...

  2. 【ASM】ASMSNMP用户已存在

    [ASM]ASMSNMP用户已存在 During Oracle Grid Infrastructure for a cluster installation, the ASMSNMP account ...

  3. Terminate Instance 操作详解 - 每天5分钟玩转 OpenStack(33)

    本节通过日志详细分析 Nova Terminate 操作. Terminate 操作就是删除 instance,下面是 terminate instance 的流程图 向 nova-api 发送请求 ...

  4. markdown简要说明源码

    ##markdown ###什么是markdown:    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.  Markdown具有 ...

  5. netty3升netty4一失眼成千古恨

    老项目是netty3的,本来想直接改到netty5,但是netty5居然是只支持jdk1.7,很奇怪jdk1.6和jdk1.8都不行..为了兼容jdk1.6加上netty4本来和netty5就差别不大 ...

  6. 帆软报表FineReport中数据连接之Tomcat配置JNDI连接

    1. 问题描述 在帆软报表FineReport中,通过JNDI方式定义数据连接,首先在Tomcat服务器配置好JNDI,然后在设计器中直接调用JNDI的名字,即可成功使用JNDI连接,连接步骤如下: ...

  7. monkeyrunner之电脑安装驱动(五)

    在Monkeyrunner做自动化测试时,可以使用模拟器,当然也可以选择用真机.不过,要想通过电脑来安装软件,操作手机,则必须先安装手机驱动,而且一般手机连接电脑之后,电脑会自动开始下载驱动.不过也经 ...

  8. JustWeTools - 自定义控件集

    JustWeTools - Some useful tools 项目地址 JustWe 现在有哪些模块? View自定义控件 PaintView画图工具(包含重构压感新版) CodeView代码编辑 ...

  9. Oracle闪回技术详解

     概述: 闪回技术是Oracle强大数据库备份恢复机制的一部分,在数据库发生逻辑错误的时候,闪回技术能提供快速且最小损失的恢复(多数闪回功能都能在数据库联机状态下完成).需要注意的是,闪回技术旨在快速 ...

  10. Linux下oracle环境变量无效问题

    今天在维护oracle数据库时,查看监听的状态,执行 #lsnrctl status 报错: -bash:lsnrctl:command not found.以前并不会这样,仔细想了一下,问题找到了, ...