jquery异步上传图⽚
⽤ajaxfileupload.js插件实现图⽚的异步上传
html代码
<input id="img" type="file" name="img" />
Js代码
$('#img').change(function () {
$.ajaxFileUpload({
jquery在线图片url:'demo.php', //你处理上传⽂件的服务端
secureuri:false,
fileElementId:'img',//与页⾯处理代码中file相对应的ID值
              processData : false,       
              contentType : false,
              dataType: 'text', //返回数据类型：看后端返回的是什么数据，在IE下后端要设置请求头的Content-Type:text/html; charset=UTF-8    success: function (data, status) {
},
error: function(data, status, e){ //提交失败⾃动执⾏的处理函数
alert(e);
}
})
});
//可以添加⽂件后缀判断
php代码
<?php
$path = "./";
$extArr = array("jpg", "png", "gif");
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
$name = $_FILES['img']['name'];
$size = $_FILES['img']['size'];
if(empty($name)){
echo '请选择要上传的图⽚';
exit;
}
$ext = extend($name);
if(!in_array($ext,$extArr)){
echo '图⽚格式错误！';
exit;
}
if($size>(100*1024)){
echo '图⽚⼤⼩不能超过100KB';
exit;
}
$image_name = time().rand(100,999).".".$ext;
$tmp = $_FILES['img']['tmp_name'];
if(move_uploaded_file($tmp, $path.$image_name)){
echo '<img src="'.$path.$image_name.'"  class="preview">';
}else{
echo '上传出错了！';
}
exit;
}
//获取⽂件类型后缀
function extend($file_name){
$extend = pathinfo($file_name);
$extend = strtolower($extend["extension"]);
return $extend;
}
参考博客:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。