vue上传文件php,php文件上传 – 前端开发,JQUERY特效,全栈开发,vue开发

文件上传一般有下面2种方式:

有两种:

1、标准input表单方式,典型的用$_FILES进行接收;

2、以Base64的方式进行传送,一般是AJAX异步上传。

第一种

标准的input表单方式,适用于大文件进行上传,同时支持批量。html代码关键的几句:

不同的name时:

其中enctype="multipart/form-data"对于文件上传是必不可少的。另外type="file"设置input类型,accept="image/*"指定优先上传图片(MIME 参考手册)。multiple支持一次选多个文件,pic[]以数组的形式接收多个文件。手机端端还可以加入参数capture="camera"选择摄像头拍照上传。

后端处理:

通过$_FILES获取上传的文件。

$files = $_FILES;

传多个文件时,如果name不同,则返回的$_FILES数组格式不同。

name相同时:

array(1) {

["id_pic"] => array(5) {

["name"] => array(2) {

[0] => string(5) "1.jpg"

[1] => string(5) "2.jpg"

}

["type"] => array(2) {

[0] => string(10) "image/jpeg"

[1] => string(10) "image/jpeg"

}

["tmp_name"] => array(2) {

[0] => string(27) "C:\Windows\Temp\php7A7E.tmp"

[1] => string(27) "C:\Windows\Temp\php7A7F.tmp"

}

["error"] => array(2) {

[0] => int(0)

[1] => int(0)

}

["size"] => array(2) {

[0] => int(77357)

[1] => int(56720)

}

}

}

name不相同时:

array(2) {

["id_pic_1"] => array(5) {

["name"] => string(5) "1.jpg"

["type"] => string(10) "image/jpeg"

["tmp_name"] => string(27) "C:\Windows\Temp\phpBBEE.tmp"

["error"] => int(0)

["size"] => int(77357)

}

["id_pic_2"] => array(5) {

["name"] => string(5) "2.jpg"

["type"] => string(10) "image/jpeg"

["tmp_name"] => string(27) "C:\Windows\Temp\phpBBEF.tmp"

["error"] => int(0)

["size"] => int(56720)

}

}

在对$_FILES进行foreach遍历时,前面那种输出格式不大方便。后面那种就可以直接遍历。我们可以写个方法进行统一转换:

function dealFiles($files) {

$fileArray = array();

$n = 0;

foreach ($files as $key=>$file){

if(is_array($file['name'])) {

$keys = array_keys($file);

$count = count($file['name']);

for ($i=0; $i

$fileArray[$n]['key'] = $key;

foreach ($keys as $_key){

$fileArray[$n][$_key] = $file[$_key][$i];

}

$n++;

}

}else{

$fileArray = $files;

break;

}

}

return $fileArray;

}

好,前面讲到后端如何处理接收到的$_FILES数组,并转换成统一格式。接下来任务主要是:

1、检测上传的文件是否非法;

2、检测上传的文件是否超过大小;

3、检测保存的路径是否存在,是否可写;

4、文件重命名;

其中上传过程中用到了个很重要的函数:move_uploaded_file(filename , $destination )进行文件移动操作。将$_FILES['id_pic']['tmp_name']移动到新的路径里。当然,移动前可以用is_uploaded_file($_FILES['id_pic']['tmp_name'])进行判断文件是否正常上传的。

多文件上传则是循环的方法多次使用move_uploaded_file()进行移动操作。

第二种

主要以上传图片为主。

利用input的change事件,借助canvas对图片进行处理(例如压缩),然后ajax发送文件流到后端。

基本原理是通过canvas渲染图片,再通过 toDataURL 方法压缩保存为base64字符串(能够编译为jpg格式的图片)。

后端处理:

后端最终会收到前端发送的base64字符串,接着处理字符串为图片即可。具体请使用关键字base64 转 image 开发语言进行谷歌|百度。前端生成的结果中有一个base64Len,这是字符串的长度,后端应该核对以确认是否提交完整。参考:52fhy/localResizeIMG4: 前端本地客户端压缩图片,兼容IOS,Android,PC、自动按需加载文件

//php示例:

$img = base64_decode($_POST['img']);

$img = imagecreatefromstring($img);

作者:飞鸿影

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/260218.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HDU 1003 Max Sum

同上题一样&#xff0c;求连续子序列的最大和 而且比上题还要简单一些&#xff0c;用不到long long了 直接水过 1 //#define LOCAL2 #include <iostream>3 #include <cstdio>4 #include <cstring>5 using namespace std;6 7 const int maxn 100000 10;8 in…

linux中如何查看进程占用了哪些端口?

使用netstat –apn | grep <进程名>便可以查看指定进程所占用的端口。转载于:https://www.cnblogs.com/x10322/p/6020485.html

python画端午节_我想带你去旅行,我用Python提前做了一份端午旅游攻略,请收下!...

旅游是调节心情的有效途径&#xff0c;越来越多的上班族和学生期待利用假期时间外出游 玩来开拓眼界、舒缓压力。然而真正有了假期&#xff0c;许多人却会因“去哪玩”的问题倍感困惑&#xff0c;六月份正是出行的好时节&#xff0c;期间还有端午节小长假&#xff0c;就让我们一…

iOS: 在Object-C中监听javascript事件( Javascript communicating back with Objective-C code)

在iOS开发之Objective-C与JavaScript交互操作 中我们可以通过stringByEvaluatingJavaScriptFromString 去实现在obj-C中获取到相关节点属性&#xff0c;添加javascript代码等功能。但是我们如何监听到javascript的响应事件呢。在MAC OS中有效的API去实现&#xff0c;但iPhone没…

ECharts-图表回执组件

测试地址&#xff1a;http://echarts.baidu.com/doc/example.html转载于:https://www.cnblogs.com/HOH/p/3868617.html

matlab r2007课后答案,《MATLAB R2007基础教程》习题答案.doc

打开“图形窗口”&#xff0c;熟悉其中各个菜单和工具的功能和用法参考答案&#xff1a;略编写程序&#xff0c;该程序在同一窗口中绘制函数在 之间的正弦曲线和余弦曲线&#xff0c;步长为 &#xff0c;线宽为 4 个象素&#xff0c;正弦曲线设置为蓝色实线&#xff0c;余弦曲线…

第一本书14单元

14.linux中设备的访问*****1.设备的访问******1.设备识别/dev/xdxn /*硬盘设备/dev/sdal/dev/cdrom /*光驱/dev/mapper/* /*虚拟设备****.设备的发现*****fdish -l /*查看真实存在的设备cat /proc/partition /*系统能够识别的设备blkid /*系统能够挂载使用的设备df /*查看设备被…

夜深了,发点无聊的东西

研究一个东西遇到gcnew这个关键词&#xff0c;mark一下&#xff01;new和gcnew的区别。 C/CLI中使用gcnew关键字表示在托管堆上分配内存&#xff0c;并且为了与以前的指针区分&#xff0c;用^来替换* &#xff0c;就语义上来说他们的区别大致如下: 1. gcnew返回的是一个句…

变速积分pid控制器matlab,变速积分PID控制系统设计.docx

课程设计报告设计题目变速积分PID控制系统设计课程名称计算机控制技术B姓名 苏丹学号 2008100731班级自动化0803 教师闫高伟摘 要错误!未定义书签。Abstract第1章数字PTD及变速积分简介错误!未定义书签。TOC \o "1-5" \h \z 1数字PTD发展介绍1HYPERLINK \l "boo…

百度关键词抓取工具_VBA利用XMLHTTP抓取百度查询关键词结果的个数

大家好,我们今日讲解"利用XMLHTTP抓取百度查询关键词结果的个数"&#xff0c;这节内容是"VBA信息获取与处理"教程中第六个专题"VBA中利用XMLHTTP完成网抓数据"的第二节。第二节 利用XMLHTTP抓取百度查询关键词结果的个数在上一讲中我们讲解了一些…

多系统通讯-DotNetMQ

很久都没有写博客了&#xff0c;从15年4月份一直忙到现在&#xff0c;我才有时间去做梳理和总结&#xff0c;因为我提离职了&#xff0c;感觉整个世界突然变得不一样&#xff0c;随着而来的就是心情的放松&#xff0c;写一篇文章也是对过去一年多工作的梳理&#xff0c;加深印象…

九大现代病!中枪了吗?

现代人在享受现代化的生活和工作方式带来的便捷之时&#xff0c;也为此付出了不小的代价&#xff0c;下面列出的九大现代病就是典型的例子&#xff0c;看看你有没有中枪。 办公臀 常坐办公室&#xff0c;如果你发现屁股越坐越大&#xff0c;大腿越坐越粗&#xff0c;你可能有了…

Java学习笔记(4)——枚举类型

1.在类别&#xff08;Class&#xff09;或接口&#xff08;Interface&#xff09;中宣告常数加以管理&#xff0c;这只是让您存取与管理常数方便而已&#xff0c;来看看这个例子&#xff1a; public void someMethod() {....doOp(OpConstants.TURN_RIGHT);.... } public void d…

驱动提取软件_深入分析施耐德工控软件代码执行漏洞

更多全球网络安全资讯尽在邑安全简介在本文中&#xff0c;我们将为读者详细介绍Claroty Research团队的Amir Preminger和Sharon Brizinov是如何组合利用两个漏洞&#xff0c;来触发施耐德工控软件EcoStruxure Operator Terminal Expert的代码执行漏洞&#xff0c;从而在首届举办…

ubuntu 网卡突然无法连接

今天要用到VM BT的Namp扫描服务器端口&#xff0c;发现桥接后无法使用。ifconfig 只看到 lo地址&#xff0c;看不到以太网网卡地址使用lspci 查看是否安装了以太网网卡驱动lscpi | grep Ethernet02:01.0 Ethernet controller: Advanced Micro Devices [AMD] 79c970 [PCnet32 LA…

atitit.表单验证 的dsl 本质跟 easyui ligerui比较

atitit.表单验证的dsl 本质跟 easyui ligerui比较 1. DSL 声明验证 1 2. 自定义规则 1 3. 正则表达式验证,可以扩展实现 2 4. 犯错误消息提示,generic canBeEmpty is good 3 5. Prevent the form to submit when invalid 3 6. 为空则不验证&#xff0c;不为空则验证&#xff0…

StartActivityForResult

StartActivity 用startActivityForResult(intent, requestcode);启动子功能模块activity onActivityResult(int requestCode, int resultCode, Intent data)对子activity返回进行判断处理 public class StartActivity extends Activity implements OnClickListener {private Bu…

micropython 串口写文件_MicroPython通过2G模块串口收发短信

集成2G通信、定位模组&#xff0c;赋予物联网特性。本例使用M6220&#xff0c;它是一款基于eSIM技术的2G模组&#xff0c;支持GSM/GPRS&#xff0c;提供GPS北斗双模定位功能&#xff0c;并具备一定的数据处理能力&#xff0c;其2G工作频段有GSM850、GSM900、DCS1800和PCS1900&a…

洛谷P1130 红牌

题目描述 某地临时居民想获得长期居住权就必须申请拿到红牌。获得红牌的过程是相当复杂 &#xff0c;一共包括N个步骤。每一步骤都由政府的某个工作人员负责检查你所提交的材料是否符合条件。为了加快进程&#xff0c;每一步政府都派了M个工作人员来检查材料。不幸的是&#xf…

GPS坐标换算

30.8872 》——>300.8872*60 53.232 ——>530.232*60 13.9230: 53 13.92"30: 53 13.92"》3053/6013.92/360030.887199同经度两点之间距离dla30.887m * [差值/(1/3600)] 30.887m * 差值 *3600 111193.2m * 差值 同纬度两点之间距离dlo30.887m * [差值/(1…