图片上传解决办法
程序员文章站
2022-05-15 20:06:21
...
图片上传
文件上传控件样式。怎么改变。怎么实现异步上传。iframe方法我已经知道了。
------解决方案--------------------
1.控件样式不好改,并不是所有浏览器都支持。现在的做法是在file控件上,用绝对定位absolute定义一个div遮挡file控件实现。可参考我下面的例子。
2.异步上传如果不用兼容IE6,7,8,可以用html5获取图片的base64编码,再用ajax post到服务器。如果需要兼容IE6,7,8就只能iframe或flash实现。
html5异步上传图片例子:
server.php
文件上传控件样式。怎么改变。怎么实现异步上传。iframe方法我已经知道了。
------解决方案--------------------
1.控件样式不好改,并不是所有浏览器都支持。现在的做法是在file控件上,用绝对定位absolute定义一个div遮挡file控件实现。可参考我下面的例子。
2.异步上传如果不用兼容IE6,7,8,可以用html5获取图片的base64编码,再用ajax post到服务器。如果需要兼容IE6,7,8就只能iframe或flash实现。
html5异步上传图片例子:
图片异步上传,不使用iframe 图片异步上传,不使用iframe
server.php
$img = isset($_POST['img'])? $_POST['img'] : '';
list($type, $data) = explode(',', $img);
if(strstr($type,'jpeg')!==''){
$ext = '.jpg';
}elseif(strstr($type,'gif')!==''){
$ext = '.gif';
}elseif(strstr($type,'png')!==''){
$ext = '.png';相关文章
相关视频