jquery上传图片并截取
1. jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\")[2];
})
value 就是图片名称。因为浏览器安全机制 获取到的value都是C:fakepath 加上图片名,所以可以用这个方式获取
2. jQuery,croppic(用户截图后上传功能)的使用方法
它是前台剪切后,发回剪切的图片数据到后台,然后后台将该数据保存为图片,并生成一条引用链接给前台就行了。
3. jquery如何完成上传图片的剪切
用canvas画出图片剪裁区域,然后导出
4. 怎么实现asp.net上传图片并可以裁剪的功能,类似一些网站的头像截取 jQueryCropZoom插件 重重有赏啊!
jquery的插件,内部原理要懂jquery,只要会用就行
5. js/jquery如何实现一张图片的上传预览功能。。。。
使用AJAX,把文件保存到临时目录,把返回的值(文件路径),放到页面上预先添加的<IMG> 标签中,就可显示预览图片,再点上传才把文件从临时目录(删除临时目录文件)复制到你指定的目录中
6. 使用jquery实现图片预览,剪切和上传功能的时候: 1.css样式出错了, 2.画出一个裁剪框的时候,图片累加~
是不是和自定义的样式产生了冲突. 使用 chrome F12 查看下冲突的样式
7. jsp页面实现图片预览,截取和上传
比较常用,而且简单易用的jquery-uploadify插件,支持带进度的多线程上传
用到的是flash的跨域上传模型,这里不用深究
基本文件大致包括
jquery-x.x.x.js
jquery.uploadify.x.js
uploadify.swf
uploadify.css
使用方式:
$(function(){
$("#fileId").uploadify({
width:42,
height:32,
swf:'js/uploadify.swf',
uploader:'upload.do;jsessionid=<%=session.getId()%>',
buttonImage:'image/movetophone_white.png',
fileSizeLimit:2048,
fileObjName:"imgFile",
method:'post',
removeCompleted:true,
fileTypeExts:"*.gif;*.jpg;*.png;*.jpeg;*.bmp",
onSelectError:function(file,errorCode,errorMsg){
alert("文件过大");
},
onUploadStart:function(file){
},
onUploadSuccess:function(file,data,response){
alert("上传完成");
},
onUploadError:function(file,errorCode,errorMsg){
alert(errorMsg);
}
});
});
<inputtype="file"id="fileId"/>
另,工程中需要引入commons-fileupload的包。
8. 哪位大神有jquery无刷新上传图片、裁剪、保存图片的案例啊
jquery.jcrop 图片裁剪(很好很强大)
http://deepliquid.com/content/Jcrop.html |
http://www.jb51.net/article/18273.htm
9. jquery如何获得上传图片的字符串
你是用AJAX吗?
有一个ajaxupload.js 你可以参考这个,里面有