jquery选择本地图片上传 jquery图片上传demo

怎样用js或者jq实现点击这个图片就可以选择上传还有预览图片啊

1、// 初始化Web Uploadervar uploader = WebUploader.create({ // 选完文件后，是否自动上传。 auto： true， // swf文件路径 swf： BASE_URL + /js/Uploader.swf， // 文件接收服务端。

2、这个一般是用css来显示特定内容的。譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。

3、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

相关问答

Q1: jquery如何将页面生成的图片上传到服务器

1、success： function(msg){ alert( Data Saved： + msg )；} })；先看一个简单的ajax提交数据功能 some.php就是你提交到后台进行操作的php data就是参数根据自己的需要而定饿。

2、只能通过后台代码，比如java，C#，php，asp之类的编程语言，将js得到的图片信息上传到服务器的指定位置。

3、alert(只能上传以下格式的文件：+ (extArray.join()) + \n请重新选择再上传.)；document.getElementById(name).value = } } 其中：extArray是要求文件类型。可自行定义。

4、我的理解是你应该先通过图片上传接口把图片上传到服务器上（上传后的服务器端的图片地址，保存到里），然后再统一提交所有的表单项。

Q2: jquery怎么打开本地图片预览,点击确定后上传

， tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。

选择文件点击确定直接上传，至于使用什么上传不是问题，关键是监听file input的change事件，在change事件处理方法里做上传操作。

把input：file的透明度设置为0，把input：file的宽高设置跟头像大小一样，然后把这个控件放到显示头像的地方，当你点击头像的时候实际上你是点了input：file。

在click事件外面加上$.ready(function(){ (.btn).click(function(){ alert($(this).attr(id))；})；})；这是要绑定的。。你没有引入jquery的包。。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

jQuery File Upload是上传文件的一个插件，不一定是图片，所以里面没做预览的支持。

Q3: js/jquery上传图片的问题

补充：JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 0+， FF 5+， Safari 0+， Opera 0+），jQuery0及后续版本将不再支持IE6/7/8浏览器。

不能上传的原因可能是jquery插件使用不正确。

js文件 //页面加载完后执行 (function(){ (#img1).attr(src，/img/imgjpg)；})； 这是js，jquery 给img标签赋值的办法。 不知道是不是你想要的， 你的问题可以描述清楚点。

$img = $li.find(img)； // $list为容器jQuery实例 $list.append( $li )； // 创建缩略图 // 如果为非图片文件，可以不用调用此方法。

Q4: 怎么在jquery中上传图片?

首先写一个HTML架构，如图所示代码。新建一个div，div中包裹着一个img标签，视为图片。再次书写一个div，之后会赋予点击事件。然后使用onclick函数进行点击时间的绑定，如图所示。

点击图1的那个按钮可以让用户选择上传的图片，选择了一张就在按钮前面预览，如果用户不想上传某张图片可以点击x取消，再点击上传按钮可以接着选择图片上传。

您的是上传功能。那么您所提供的数据有图片地址。和一个上传功能的php函数。这个函数当您提交action的php。

$img = $li.find(img)； // $list为容器jQuery实例 $list.append( $li )； // 创建缩略图 // 如果为非图片文件，可以不用调用此方法。

JQuery上传插件Uploadify使用详解 Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。

其实我想楼主这个问题的关键是希望做到文件选择框出来后，选择文件点击确定直接上传，至于使用什么上传不是问题，关键是监听file input的change事件，在change事件处理方法里做上传操作。

Q5: js/jquery如何实现一张图片的上传预览功能。。。

引入资源 使用Web Uploader文件上传需要引入三种资源：JS， CSS， SWF。

jQuery File Upload是上传文件的一个插件，不一定是图片，所以里面没做预览的支持。

， tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。

关于jquery选择本地图片上传和jquery图片上传demo的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。