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要正确提交以下几个条件都不能少:

    1. 正确的action地址。后台我是用php写的,一开始用的是绝对地址,一直出错,原来忘了加http://
    2. method=‘post‘
    3. 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文件上传详解

时间: 2024-07-31 01:34:29

JavaScript,php文件上传简单实现的相关文章

多文件上传简单实现

五一假期后的第一天上班,无聊,做了一个简单的多文件上传,如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; usin

Web---演示Servlet的相关类、表单多参数接收、文件上传简单入门

说明: Servlet的其他相关类: ServletConfig – 代表Servlet的初始化配置参数. ServletContext – 代表整个Web项目. ServletRequest – 代表用户的请求. ServletResponse – 代表用户的响应. 本篇博客讲解: ServletRequest – 代表用户的请求. ServletResponse – 代表用户的响应. 表单中的多选框参数接收. 文件的上传技术. ServletRequest : ServletRequest

JavaScript大文件上传解决方案实例代码

一. 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传:支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传.刷新页面后继续传输.关闭浏览器后保留进度信息. 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同. 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验:支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构. 支持断点续传,关闭浏览器或刷新浏览

JavaScript超大文件上传

随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求. 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在实际使用中会发现,这些基于脚本语言实现的上传功能模块性能很弱,一是不支持2GB以上的内容上传:二是无法支持断点续传:三是效率极低,单台服务器最多支持几十个并发上传连接. 当前我们要搭建一个运营级的视频服务平台,在尝试了各种产品均无法满足要求,因此最后

C# 文件上传简单示例

Default.aspx <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>文件上传测试</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Fil

php之文件上传简单介绍

要声明的form表单格式 <form action="act.php" method="post" enctype="multipart/form-data"> 用户名:<input type="text" name="username" /> <br/> 头像: <input type="file" name="pic" /

文件上传简单服务端和客户端 Java 实现

背景 楼主最近很悲惨,下载了 Android 的源码,然后 mac 的硬盘空间就没了,而且编译 Android 源码需要将创建一个大小写不敏感的分区,所以需要将源码存在别的地方,最初是使用的硬盘,但是失败了(硬盘用的 exfat 格式), 后来用云盘,笔记,QQ 都不行,要么文件过多不给传,要么要收费,总之就是不行,正当踌躇之际,想起了一句老话,'自己动手,丰衣足食', 所以萌生了自己写个工具的念头,当然,给自己用的,不需要写的那么好,但是写的过程中出现了一些小问题,所以写这篇博客记录一下. 问

文件上传简单的样式

<script src="<%=path %>/js/jquery-1.7.2.min.js"></script> <style type="text/css"> * { margin:0; padding:0; } body { font:14px Verdana, Arial, Geneva, sans-serif; color:#404040; background:#fff; } img { border-st

用PHP Session和Javascript实现文件上传进度条,处理进度条

参考http://www.pureweber.com/article/php-upload-progress/ php显示处理进度条http://blog.csdn.net/boabc2304/article/details/1707664