当前位置:首页 » 文件管理 » js头像上传插件

js头像上传插件

发布时间: 2022-05-11 05:36:40

上传照片,并且马上能预览到缩略图,这用的是哪个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插件,简洁易用,支持多文件上传。之前用这个写过上传头像的功能,欢迎追问。

热点内容
外网服务器搭建vpn 发布:2024-11-19 13:20:39 浏览:370
淘宝分销一键上传 发布:2024-11-19 13:18:01 浏览:179
ftpgetfilesize 发布:2024-11-19 13:12:59 浏览:959
14位数密码有多少种可能 发布:2024-11-19 12:48:11 浏览:110
删除引索的sql语句 发布:2024-11-19 12:39:13 浏览:64
智能车算法 发布:2024-11-19 12:34:49 浏览:777
linuxredis启动脚本 发布:2024-11-19 12:31:35 浏览:955
刀片机电脑系统在服务器端 发布:2024-11-19 12:27:16 浏览:861
设备监控源码 发布:2024-11-19 12:26:21 浏览:922
服务器主板是什么样子 发布:2024-11-19 12:08:19 浏览:889