JavaScript,php文件上传简单实现
非ajax,非iframe,最原始使用file控件的文件上传,记录过程备忘。(同步,页面刷新)
实现目标,能够将文件上传到指定位置。
客户端用input的file控件:
<form action='data.php' method='post' enctype='multipart/form-data'> <input type='file' name='file' /> <input type='submit' /> </form>
控件的name属性就是为了和服务器端通信用的。在选择文件后,我们可以尝试看看file控件的属性(此时不要按submit按钮),此时该控件下的files就是文件的一些信息了:

接着按下sumbit按钮提交文件,form要正确提交以下几个条件都不能少:
- 正确的action地址。后台我是用php写的,一开始用的是绝对地址,一直出错,原来忘了加http://
 - method='post'
 - enctype='multipart/form-data'
 
form文件提交到后台后,可以用chrome-logger跟踪一下文件的样子:

tmp_name就是所上传文件的临时位置了,在form提交以后,服务器会以临时文件的形式保存上传文件。我们需要做的,只是把这个临时文件copy到服务器目标文件夹;同时文件名不能使用原来的name,因为可能会和目标文件夹下的重复,所以就要生成唯一的user_uid,这里我简单地rand了一个数字,复制文件用了php内置的copy函数(函数的两个参数都是路径+文件名的形式):
include 'ChromePhp.php'; ChromePhp::log($_FILES['file']); // for debug $user_uid = rand(0, 50000); $file_pos = strpos($_FILES['file']['name'], '.'); $file_name = $user_uid . '.' . substr($_FILES['file']['name'], $file_pos + 1); $savePath = dirname(__FILE__) . '\\' . $file_name; copy($_FILES['file']['tmp_name'], $savePath);
最后还有个问题,如此这般后一直不能上传7z、zip等格式的文件,以为是不能传压缩文件,最后发现是php.ini文件设置问题,找到php.ini文件中的upload_max_filesize属性,把值加大就可以了。在php中使用$_FILES的时候,如果出错,可以尝试打印错误编号自己解决,参考Error Messages Explained
JavaScript,php文件上传简单实现的更多相关文章
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
		
 Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接.或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文 ...
 - PHP中使用Session配合Javascript实现文件上传进度条功能
		
Web应用中常需要提供文件上传的功能.典型的场景包括用户头像上传.相册图片上传等.当需要上传的文件比较大的时候,提供一个显示上传进度的进度条就很有必要了. 在PHP .4以前,实现这样的进度条并不容易 ...
 - Web---演示Servlet的相关类、表单多参数接收、文件上传简单入门
		
说明: Servlet的其他相关类: ServletConfig – 代表Servlet的初始化配置参数. ServletContext – 代表整个Web项目. ServletRequest – 代 ...
 - Spring MVC  文件上传简单示例(form、ajax方式 )
		
1.Form Upload SpringMVC 中,文件的上传是通过 MultipartResolver 实现的,所以要实现上传,只要注册相应的 MultipartResolver 即可. Multi ...
 - php 文件上传简单类---限制仅上传jpg文件
		
php 文件上传代码,限制只能上传jpg格式文件,也可以自行添加其它扩展名的文件. <?php /* * 图片上传类 仅限JPG格式图片 * edit by www.jbxue.com at 2 ...
 - php之文件上传简单介绍
		
要声明的form表单格式 <form action="act.php" method="post" enctype="multipart/for ...
 - JavaScript检测文件上传的类型与大小
		
$(function(){ $("#files").change(function(){ // 添加允许上传的文件类型 var exts = new Array(); exts[0 ...
 - SpringMvc多文件上传简单实现
		
public ResponseItem uploadFile(MultipartHttpServletRequest request,FileItem fileItem,PageData pd) { ...
 - javascript实现文件上传之前的预览功能
		
1.首先要给上传文件表单控件和图片控件设置name属性 <div class="form-group"> <label fo ...
 
随机推荐
- Web Service和WCF的到底有什么区别
			
[1]Web Service:严格来说是行业标准,也就是Web Service 规范,也称作WS-*规范,既不是框架,也不是技术. 它有一套完成的规范体系标准,而且在持续不断的更新完善中. 它使用XM ...
 - oracle归档日志写满错误解决方法
			
最近一年,手头上负责的项目要部署到很多个地方,由于项目组里没有人对oracle比较熟悉,只能给自己增加一个DBA的角色了.由于短时间内要部署很多单位,备份策略没有设置好,结果过了一个月,用户报告程序开 ...
 - jQuery Form 表单提交插件-----ajaxForm() 的应用
			
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxForm() 介绍 ajaxForm ...
 - Keepalived高可用集群搭建(转载linuxIDC)
			
1.Keepalived简介 Keepalived是一个基于VRRP协议来实现的WEB服务高可用方案,可以利用其来避免单点故障.使用多台节点安装keepalived.其 他的节点用来提供真实的服务,同 ...
 - Hadoop 1.0 和 2.0 中的数据处理框架 - MapReduce
			
1. MapReduce - 映射.化简编程模型 1.1 MapReduce 的概念 1.1.1 map 和 reduce 1.1.2 shufftle 和 排序 MapReduce 保证每个 red ...
 - OpenStack三个节点icehouse-gre模式部署
			
一.环境准备 1.架构 创建3台虚拟机,分别作为controll节点.network节点和compute1节点. Controller节点:1processor,2G memory,5G storag ...
 - 【温故而知新-Javascript】使用 Window 对象
			
1. 获取 Window 对象 可以用两种方式获得Window对象.正规的HTML5方式是在Document对象上使用defaultView属性.另一种是使用所有浏览器都支持的全局变量window . ...
 - 【ASP.NET 进阶】定时执行任务
			
原理:利用全局应用程序类 Global.asax 和 System.Timers.Timer 类定时处理任务. 示例效果图: 其 Global.asax 类代码如下: using System; u ...
 - codeforces 442B B. Andrey and Problem(贪心)
			
题目链接: B. Andrey and Problem time limit per test 2 seconds memory limit per test 256 megabytes input ...
 - MySQL数据库学习笔记(九)----JDBC的ResultSet接口(查询操作)、PreparedStatement接口重构增删改查(含SQL注入的解释)
			
[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...