赞
踩
下载文件
首先前往 https://gitee.com/cp.net/html5-make-upload-thumb
下载所需文件。注:如果你安装git,那么可以直接在你本地
git clone https://gitee.com/cp.net/html5-make-upload-thumb
如果没有安装,直接下载压缩包即可!
引入文件
引入文件顺序可改变,不过必须先引入Jquery
html端处理
javascript 处理 $(function(){ var $form = $('#j-form'); var $file = $('#j-file'); var $status = $('.j-status'); $file.makeThumb({ width: 400, height: 400, //mark: {padding: 5, src: 'mark.png', width: 30, height: 30}, success: function(dataURL, tSize, file, sSize, fEvt) { // post data var $up = $(''); $up.insertAfter($file).val(dataURL); $file.remove(); var load = layer.open({type: 2,content: '上传中'}); $.ajax({ url: "api.php", data: $form.serialize(), method: "POST", async : true, dataType : "json", success: function (data) { layer.close(load); $("#ret").html(data.msg); console.log(data); } }); //$form.submit(); } }); })
php端处理
phpheader('Content-Type:text/html;charset=UTF-8'); // save img$img = $_POST['base64']; if (isset($img)) { sleep(5);//休息几秒 //# dataURI base_64 编码上传 手机端常用方式 $rootPath = './face/' . date('Ymd');$target = $rootPath . "/" . date('Ymd') . "_" . substr(md5(rand(1,10000)),0,6) . ".png" ; if (preg_match('/data:([^;]*);base64,(.*)/', $img, $matches)) { $img = base64_decode($matches[2]); if (!file_exists($rootPath)) { mkdir($rootPath,0777,true); } if (file_put_contents($target, $img)){ $str = "
文件来自api返回:
"; $str .= ""; exit(json_encode(array('status'=>1,'msg'=>$str))); } else { exit(json_encode(array('status'=>0,'msg'=>'文件上传失败'))); } } else { // 普通上传 这种方式一般不会用(原始上传方式) $uploadFile = $_FILES['upfile']; $target = 'tmp1.jpg'; if (isset($uploadFile) && is_uploaded_file($uploadFile['tmp_name']) && $uploadFile['error'] == 0) { echo 'filename: ' . $uploadFile['name'] . ', ';echo 'type: ' . $uploadFile['type'] . ', '; echo 'size: ' . ($uploadFile['size'] / 1024) . ' Kb'; move_uploaded_file($uploadFile['tmp_name'], $target); } else { echo 'error: ' . $uploadFile['error']; } } }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。