html5jq上传图片，html照片上传按钮

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

选择一个文件后触发change事件，在div末尾添加一个新的input file元素，并指定这个元素的change事件。这里只是我个人的一些简单的见解，如果楼主想要专业的多文件上传控件，可以多查一查，现在网上有这样的东西，也比较专业。

这个功能一般都是html做的。 呵呵，就这么简单，不过具体传到哪里去，那就是后台人员的事了。

具体思路是，上传图片时，放入临时目录，上传完成后，对图片生成uuid，重命名并已入图片文件夹，在数据库中记录uuid与商品id的对应关系。

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

相关问答

Q1: 用js、jquery如何实现上传图片的预览

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

2、下面的例子是我亲自写的，异步提交上传图片并预览。全部代码都在。 首先建一个html文件，复制以下html文本。使用说明： 引用jquery两个js文件，网上自己搜吧，到处都有。

3、本以为自己对js很熟，也就使用js模拟点击，可就是不管用，没办法，只能在中国上继续寻找资料。最终想不到代码却很简单。最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。

Q2: jquery怎么添加图片与删除图片

li{background：url(bg.png)；} // 设置li元素的背景图为当前目录下的bg.pngli{background：nome；} // 取消背景图所以实现上述要求可以采用如下思路：为取消背景图样式设定一个class，点击li元素时为其应用此样式。

使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。

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