html5上传图片php特殊处理一下

$file=$_POST[‘file‘];
        if($file)
        {
            preg_match(‘|data:image/([a-zA-Z]+);base64,|s‘,$file,$match);
            $file_name=md5($uid).‘.‘.$match[1];
            $fp=fopen(__ROOTDIR__.‘/upload/avatar/‘.$file_name,‘w+‘);
            //去除base64不能解码的部分
            $file=str_replace(‘data:image/‘.$match.‘;base64,‘,‘‘, $file);
            $file=str_replace(‘ ‘,‘+‘,$file);
            //解码存放
            $file=base64_decode($file);
            fwrite($fp,$file);
            fclose($fp);
            $data[‘status‘]=1;
            $data[‘data‘]=‘http://www.meiyoule.com/upload/avatar/‘.$file_name;
        }
时间: 2024-11-10 15:19:04

html5上传图片php特殊处理一下的相关文章

【小月博客】 Html5 上传图片 移动端、PC端通用

在博客园注册账号有些天了,感觉有些许欣慰,自己写的东西有人在看,有人在评论很是开心.(ps: 满足一下虚荣心吧!) 废话不多说了,说一下今天给大家分享的是 html5上传图片.我们是在移动端使用的,但是这个在pc上也通用兼容性我只在谷歌测试过.之前一直用的angular写的<用HTML5的File API做上传图片预览能>.今天摒弃angular的东西分享一个html5 + js 图片上传案例.那么今天还是按照一定的步骤来讲吧. HTML 上传图片 HTML 第一步创建html,我们在页面中放

HTML5上传图片预览

笔记一下!!! <!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.m

HTML5上传图片并预览

一个简易的实现: <!DOCTYPE html> <html> <head> <title>HTML5上传图片并预览</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery

HTML5 上传图片 到ASP.NET MVC

1 @{ 2 ViewBag.Title = "Home Page"; 3 } 4 5 6 <!DOCTYPE HTML PUBLIC> 7 <html> 8 <head> 9 <meta charset="utf-8"> 10 <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 11 <titl

HTML5 上传图片预览

html5出现之前如果需要上传图片预览 一般都是先上传到服务器然后远程预览 html5出现之后   有个filereader 解决了这问题 //选中图片之后 $("#fileAddPic").on('change', function (e) { var files = e.target.files || e.dataTransfer.files; onSelect(files); }) //选中图片之后 function onSelect(file) { file = file[0]

HTML5上传图片到ASP.NET.MVC

@{ ViewBag.Title = "Home Page";} <!DOCTYPE HTML PUBLIC><html><head> <meta charset="utf-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <title>使用html5 FileReader获取图片

javascript和HTML5上传图片之前实现预览效果

一:FileList对象与file对象 FileList对象表示用户选择的文件列表,在HTML4中,file控件内只允许放置一个文件,但是到了HTML5中,通过添加multiple属性,file控件内允许一次放置多个文件,控件内的每一个用户选择的文件都是一个file对象,而FileList对象是file对象的列表: 比如如下代码: 选择文件<input type="file" id="file" multiple size="80"/>

html5 上传图片.net实现

jQuery插件之ajaxFileUpload 搞了一夜,还没弄出来随copy了一篇博客... 一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数说明: 1.url  上传处理程序地址. 2,fileElementId  需要上传的文件域的ID,即<input type="file">的ID.3,secureuri 是否启用安

HTML5上传图片

一..前言 最近公司项目用到了input上传图片,使用ajax上传,不得不说这又是一个坑.里面主要用到了 fromdata属性.它的作用就是 通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对.它可以更灵活方便的发送表单数据,以及需要给jquery发送 到后台的时候设置一下请求头,否则会出错. 二.html布局 这没什么可说的 <body> <input type="file" name="oImg1" id=&