js头像上传插件
㈠ 上传照片,并且马上能预览到缩略图,这用的是哪个js插件
无需插件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>By:DragonDean</title>
<script type="text/javascript">
//下面用于图片上传预览功能
function setImagePreview(avalue) {
var docObj=document.getElementById("doc");
var imgObjPreview=document.getElementById("preview");
if(docObj.files &&docObj.files[0])
{
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = '150px';
imgObjPreview.style.height = '180px';
//imgObjPreview.src = docObj.files[0].getAsDataURL();
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
}
else
{
//IE下,使用滤镜
docObj.select();
var imgSrc = document.selection.createRange().text;
var localImagId = document.getElementById("localImag");
//必须设置初始大小
localImagId.style.width = "150px";
localImagId.style.height = "180px";
//图片异常的捕捉,防止用户修改后缀来伪造图片
try{
localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
}
catch(e)
{
alert("您上传的图片格式不正确,请重新选择!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="101" align="center">
<div id="localImag"><img id="preview" src="http://blog.chuangling.net/Public/images/top.jpg" width="150" height="180" style="display: block; width: 150px; height: 180px;"></div>
</td>
</tr>
<tr>
<td align="center" style="padding-top:10px;"><input type="file" name="file" id="doc" style="width:150px;" onchange="javascript:setImagePreview();"></td>
</tr>
</tbody>
</table>
</body>
</html>
㈡ 图片上传兼容性好的js插件 哪位大神可以帮忙呢
网络的http://fex..com/webuploader/
一般的上传插件用的是flash插件,在手机端会有问题,手机的浏览器一般没flash
webuploader是智能判断,默认用hmtl5来上传,不支持html5再使用flash,这样老的浏览器和手机浏览器都能支持。
㈢ CSS加JS怎么实现网页移动端上传身份证和头像
为+号添加点击事件,点击时弹出文件上传的对话框,ajax异步上传完文件有现成的js库,文件上传完毕后执行回调,现在图片在+的位置,点击修改的本质就是一个update,原理和前面一样。我这里有现成的代码
㈣ 有没有像QQ头像的那样,可以选择多个图片的插件jquery或者js最好发我一个。。
jquery.uploadify 异步上传图片!
㈤ jquery怎么点击弹出上传选项
<inputtype="file"id="file"/>
<buttontype="button"onclick="$('#file').click()">上传</button>
㈥ 求一款jQuery或js多图上传插件
多图上传没问题,但是想上传后可以删除,可以修改名称。这个只能你自己来实现。之前专门写了一个上传插件希望能帮到你
http://blog.csdn.net/sq111433/article/details/16872403
㈦ 求一个ajax,php,js的一个上传头像功能的完整代码(让php端返回图片的名字)
jquery异步切片上传
点击下载本地运行就可以了
㈧ JSP+JS+MYSQL实现头像上传保存和页面调用
你的需求简直就是一个小型项目了.
单单给100分估计都没有人愿意做的.
给人民币还差不多.
嘿嘿!
㈨ CSS加js怎么上传头像和身份证
上传要后台程序,css、html、js是在你浏览器前端运行的,没这个权限,实现上传你需要:php、asp、.net、python、node.js之类的写个后台
㈩ js 上传多照片的功能
Jquyer有一个uploadify插件,简洁易用,支持多文件上传。之前用这个写过上传头像的功能,欢迎追问。