关于图片批量上传预览

问题描述

我正在做一个需要用到图片批量上传预览的项目批量上传和预览目的都已经达到可是现在要求在预览的时候可以对图片添加备注这个把我难住了我的图片上传预览参考了http://blog.csdn.net/sq111433/article/details/16872403这篇文章,非常感谢原作者大家有没有能帮个忙的,我想了很久,还是没搞定

解决方案

解决方案二:
要么给每个图片动态添加一个文本框要么仅放一个可见的文本框,根据点了哪个图片,JS把文本内容写进对应的hidden里提交(或者用个不可见的表格?)
解决方案三:
引用1楼Z65443344的回复:

要么给每个图片动态添加一个文本框要么仅放一个可见的文本框,根据点了哪个图片,JS把文本内容写进对应的hidden里提交(或者用个不可见的表格?)

我是用了我说的那篇文章的js插件来写的,联系了原作者,可还没得到回复...因为个人对js不是很熟,所以想问问有没有用过的
解决方案四:
这js太复杂了,爱莫能助了,看不下去~~~~

时间: 2016-07-20

关于图片批量上传预览的相关文章

模拟QQ心情图片上传预览示例_实用技巧

出于安全性能的考虑,目前js端不支持获取本地图片进行预览,正好在做一款类似于QQ心情的发布框,找了不少jquery插件,没几个能满足需求,因此自己使用SWFuplad来实现这个图片上传预览. 先粘上以下插件,在别的图片上传功能说不定各位能用的上. 1.jQuery File Upload Demo地址:http://blueimp.github.io/jQuery-File-Upload/ 优点是使用jquery进行图片的异步上传,可控性好,可根据自己的需求任意定制: 缺点是在IE9等一些浏览器

ie8本地图片上传预览示例代码

 ie8本地图片上传预览出现问题是因为限制浏览器造访本地文件,所以用到滤镜和div,下面有个不错的示例,希望对大家有所帮助 代码如下: imgpath= getRealPath(fileId):    document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled ='true',sizingMethod='scale',sr

js实现图片上传预览及进度条

原文js实现图片上传预览及进度条     最近在做图片上传的时候,由于产品设计的比较fashion,上网找了比较久还没有现成的,因此自己做了一个,实现的功能如下:      1:去除浏览器<input type="file">默认的样式:      2:图片从本地选择后,立即预览图片:      3:使用上传可以查看上传进度(本博做的是上传的百分比,做成进度条类似):      先看效果图:                                          

jquery 图片上传预览插件代码

<!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-

基于JQuery实现图片上传预览与删除操作_jquery

本文实例为大家分享了JQuery实现图片上传预览与删除的具体代码,经测试目前满足谷歌.火狐.360.IE6,7,8,9,10,11等浏览器,供大家参考,具体内容如下 1. preview.2.0.html <!DOCTYPE html> <html> <head> <title>上传图片预览</title> <meta http-equiv="content-type" content="text/html;

ie8本地图片上传预览示例代码_javascript技巧

复制代码 代码如下: imgpath= getRealPath(fileId): document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ imgpath + "\")";//使用滤镜效果 func

JS实现图片上传预览功能_javascript技巧

废话不多说了,直接给大家贴js代码了,具体代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> </head> <body&g

方法-MiniUI+HTML5图片上传预览

问题描述 MiniUI+HTML5图片上传预览 首先,写了一个MiniUI的上传控件和一个标签 <img src="" id="imga" style="width: 100px;height: 100px"><br> <input id="fileupload2" style="width:300px;" class="mini-fileupload" n

javascript 图片上传预览-兼容标准_javascript技巧

复制代码 代码如下: <!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=&qu