首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >通过JavaScript进行网站图片管理--有什么好方法可以解决这个问题?

通过JavaScript进行网站图片管理--有什么好方法可以解决这个问题?
EN

Stack Overflow用户
提问于 2011-11-07 17:40:07
回答 2查看 290关注 0票数 3

我正在为一个网站制作一个管理页面。目前,它允许用户查看一组“产品”,他们可以删除、编辑或添加到(创建新的)。添加和编辑都是通过允许用户使用一些javascript/css在屏幕顶部显示的表单上填写/编辑值来实现的。

我遇到的问题是,我需要允许管理员选择一个图像,以便与他们使用此表单创建或编辑的产品相关联。为了方便起见,让我们假设所有可选的图像都已经保存在"ROOT/ images“文件夹中。

如何为用户提供一个很好的界面,以便在此表单上从服务器上选择图像?我不能提前把所有的图片和网页一起发送下去,以防最终有成千上万的图片,我也不知道如何让客户端的网页通过javascript访问服务器端的东西。

我被限制使用{PHP/MySql/JavaScript (如果我需要的话,可以使用jQuery )/HTML/CSS}--谁能给我一个关于如何完成这个任务的想法,或者这个问题的常见替代方法是什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-11-07 17:48:31

您基本上是在请求一个可通过javascript获得的目录列表。

因此,您可以编写一个PHP脚本,以json编码数组的形式列出图像。

该脚本可以处理额外的操作,如搜索和分页,因此您不需要(一次)传输太多数据。

票数 3
EN

Stack Overflow用户

发布于 2011-11-07 17:47:05

如果真的有数千张图片,那么在一个页面上显示它们是没有用的。我(个人)不能一次处理那么多图像并在其中做出有效的选择(更不用说等待它们全部加载了)。

我会尝试为图像分配一个标记系统(如果可能),并制作一个简化过程的界面:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Search for an product: __________________ [ search ]

Results:
 ______      ______      ______      ______ 
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|______|    |______|    |______|    |______|

 ______      ______      ______      ______ 
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|______|    |______|    |______|    |______|

                [ See more... ]

你可以使用jQuery来使界面更美观(图像在你输入时加载,See more...按钮加载8个以上的图像,它们会淡入,无用的滑动,等等)

另一种选择是抓取一个图片网站。如果图片是产品的,你可以抓取Amazon来查询并加载他们的图片。但如果你使用他们的图片,你可能会遇到版权问题(我不知道)。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8040335

复制
相关文章
模拟百度进行图片搜索,有问题可以留言
模拟百度进行图片搜索 import requests import re #分析页面我们先在百度图片搜索里面随笔输入一个'背景图片'获得链接如下 #https://image.baidu.com/se
小小咸鱼YwY
2019/09/11
5200
域名怎么自己续费?有什么好方法?
网站想要正常运营,保证域名正常续费是关键,当然有些域名并不是免费的,使用后一段时间需要续费,续费一般分为自动续费和手动续费,相对来说,自动续费便捷一些,对于第一次使用域名的朋友来说,域名怎么自己续费?有什么好方法?
用户8739990
2021/08/06
8.9K0
域名怎么自己续费?有什么好方法?
中国移动当务之急是解决好这个问题!
近年来,中国移动的业务体系已经有了明显的分化,简单来说就是两块:通信服务和信息服务。
悲了伤的白犀牛
2022/05/18
4710
你知道 OOM 常见原因吗?有什么好的解决方法?
当 JVM 内存严重不足时,就会抛出 java.lang.OutOfMemoryError 错误。本文总结了常见的 OOM 原因及其解决方法,如下图所示。如有遗漏或错误,欢迎补充指正。
用户1516716
2019/07/30
1.6K0
你知道 OOM 常见原因吗?有什么好的解决方法?
如何通过网站监控解决劫持问题
  为什么自己的访问行为和隐私数据突然会被“偷走”?为什么域名没输错,结果却跑到了一个钓鱼网站上?用户数据泄露、流量劫持、页面篡改等安全事件频发怎么办?这是因为你的域名被劫持了,所以导致网站跳转。那么
用户5856527
2019/08/13
1.6K0
双非也可以有好归宿
废这么大劲,不能白写了,再发一次。 目标基本实现。 工作终于尘埃落定,所经历的一切也总算有了回报。 今天请教我一个比较尊敬的本科老师,本科老师说了一句话好经典,说现在这个社会,真的特别讲道理,付出就会有回报,累没关系,只要让我觉得我的付出是值得的就行,能给我一定的回报就好,真的是这样子的。 虽然我也没有像多少大牛一样,学的多好,大神勿喷,毕竟是跨专业自学,但是结局也还好,最后签了京东。 从九月初开始准备笔试,比较大的互联网公司基本都投简历参加过笔试,通过笔试的公司只有京东,美团,好未来,远景能源,海康威视,
牛客网
2018/04/28
8410
GitHub下载速度慢?这个方法可以解决[通俗易懂]
学习时,在GitHub上面下载代码的时候发现,那下载速度是真的慢!小项目还好,要是大一点还带有很多子模块的项目,不但耽误很多时间,还会下载失败 =.= 以下来介绍另一种提高GitHub下载速度的方法。
全栈程序员站长
2022/07/23
2.3K0
GitHub下载速度慢?这个方法可以解决[通俗易懂]
域名与IP地址通过什么转换?好的域名有什么特点?
域名网站是一个企业线上销售所必须要具有的,是企业网站的网络销售入口。一个好的域名不仅可以帮助企业做更好的宣传,同时也会让大众对企业的印象更深刻,能促进企业产品的销售。但域名网站并不是一注册就可以使用的,还需要通过转换成机器可以识别的ip地址才可以上网。那么域名与IP地址通过什么转换?一个好的域名有什么特点呢?
用户8739990
2021/08/13
5.7K0
有了这个网站,我可以预测基因的所有功能
我们在进行研究一个基因之前都要了解这个基因主要是功能是什么,或者它可能的功能是什么。如果要了解一个基因目前的功能的话。可以通过genecards来查找的。关于这个数据库,可以查看我们这两个帖子:genecards介绍一;genecards介绍二
医学数据库百科
2021/07/28
4.1K0
为什么旧域名建设的网站不收录 如何解决这个问题
现在很多的人在建设网站的时候会选择用一些老域名,老域名也就是曾经被用过的网站,也曾经被各种搜索引擎收录其中。搜索引擎对老域名网站有一定的记忆,所以选择用老域名建站的话,对于很多站长来说是一个便捷的选择。可是有些网站建设者却发现了一个问题,用旧的域名建设的网站,搜索引擎却不收录网站,为什么旧域名建设的网站不收录呢?
用户8715145
2021/12/01
1.1K0
这个可以框架解决几乎所有机器学习问题
上周一个叫 Abhishek Thakur 的数据科学家,在他的 Linkedin 发表了一篇文章 Approaching (Almost) Any Machine Learning Problem(可点击文末的阅读原文获取),介绍他建立的一个自动的机器学习框架,几乎可以解决任何机器学习问题,项目很快也会发布出来。这篇文章迅速火遍 Kaggle,他参加过100多个数据科学相关的竞赛,积累了很多宝贵的经验,看他很幽默地说“写这样的框架需要很多丰富的经验,不是每个人都有这样的经历,而很多人有宝贵的经验,但是他们
AI研习社
2018/03/19
8620
这个可以框架解决几乎所有机器学习问题
这个网站,可以一键爬取网页上的所有图片!
今天给大家推荐一个网站,可以一键下载分析和获取网页上的所有图片,并且可以一键打包下载!
崔庆才
2023/01/04
4.5K0
这个网站,可以一键爬取网页上的所有图片!
JavaScript中的类有什么问题
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。
前端小智@大迁世界
2021/03/02
1.6K0
新手学Python有什么好方法?如何学好Python?
对于新手来说,如何快速入门掌握Python编程呢?这个问题问的非常不错。学习编程来说,虽然语言具有简单化的优势,但是同样学习起来非常的麻烦,想要快速学习好一门语言,唯有站在别人的肩膀上才可以更快一些,
一墨编程学习
2019/06/14
8390
网站图片优化有哪些?
一个好的站点,不但要有精彩的内容,还需要有一个美观的页面。谈到美观就离不开图片,在页面中适当地用一些精美的图片作为点缀,会使你的网页大放异彩。但是,图片使用不当,也会适得其反,把你的访问者给吓跑。主要原因在于图片尺寸太大,访问者还没等打开就早已不耐烦了。 现在向大家介绍一些对图片进行处理的方法,以使图片能在网页中迅速显示出来。 选好图片格式 图片文件的格式有很多,如GIF、JPEG(文件扩展名为.jpg)、BMP、PNG等,它们都是可以用浏览器浏览的,但到底选择哪种图片格式比较好呢?其实在一般情况下我们只需选择前面的两种,即GIF格式与JPEG格式。因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前提下,图像文件尺寸却小很多。如果图像是通过扫描仪或者数码相机获取的,这种图片中所用到的色彩比较多,这时候我们应该选择使用JPEG格式来存储图像。如果图片色彩比较少,一般选择GIF格式。 减少图片色彩数量 图片内色彩数量愈多,文件尺寸就愈大,在Paint Shop Pro软件的“Color”下拉菜单中,有一项“Decrease Color Depth”功能,它是用来减少图像所用颜色数目的,你可以选择其中的“16 Colors”,即将图片所使用的色彩数量减到16种颜色。当颜色数目减少后,如果你认为图像质量变化不大,这时你就可以选用GIF格式。 对图片进行适当压缩 如果你认为色彩数量减少后图像的视觉效果明显变差,让你不能忍受,那么我们可以采用JPEG压缩格式。无论是使用什么样的图形处理软件,在以JPEG格式存盘时,都要向你询问JPEG的压缩比。通常,采样50%到70%的压缩率比较好。你不妨在这时试着使用256色的格式将图片存储成GIF格式,与JPEG格式的文件比一比哪个字节数更少、图像质量如何,最终再决定使用什么图像格式。
全栈程序员站长
2022/07/07
1.5K0
版权登记网站是什么?如何通过版权登记网站进行版权登记?
目前很多人的版权意识都得到了进一步的提高,通过注册版权能够保护自己的原创作品。但是版权注册这项服务并没有普及开来,所以很多人并不知道。如何通过版权登记网站进行版权登记,下面为大家简单介绍版权登记网站是什么?以及如何通过版权登记网站登记版权。
用户8715145
2021/11/24
3.6K0
什么是TCP粘包?怎么解决这个问题[通俗易懂]
在socket网络编程中,都是端到端通信,由客户端端口+服务端端口+客户端IP+服务端IP+传输协议组成的五元组可以明确的标识一条连接。在TCP的socket编程中,发送端和接收端都有成对的socket。发送端为了将多个发往接收端的包,更加高效的的发给接收端,于是采用了优化算法(Nagle算法),将多次间隔较小、数据量较小的数据,合并成一个数据量大的数据块,然后进行封包。那么这样一来,接收端就必须使用高效科学的拆包机制来分辨这些数据。
全栈程序员站长
2022/09/22
9.8K0
优质C++网站推荐,可以解决80%的问题
Herb Sutter是C++核心人物之一,早期The Free Lunch Is Over这篇文章就出自他手。
CPP开发前沿
2022/06/04
1.4K0
优质C++网站推荐,可以解决80%的问题
JavaScript中的类有什么问题呢?
并不是说 JS 的类有问题,但是如果你使用该语言已有一段时间,特别是使用过ES5,那么你可能就知道了从原型继承到当前类模型的演变。
前端小智@大迁世界
2022/06/15
1.4K0
JavaScript中的类有什么问题呢?
有了这个网站,我可以写一篇疾病相关综述!
对于临床方面的研究而言,如果我们要研究一个疾病,那么肯定要先知道这个基因之前的研究是什么一种情况,这种最经典的方式还是去看关于疾病的相关综述。随着现在网络数据库的增多,已经很多和疾病相关的数据库了,所以我们去查询这些疾病汇总的数据库去可以快速的了解一个疾病的基本研究现状了。
医学数据库百科
2020/06/15
9240

相似问题

解决这个调度问题的好方法/模式是什么?

69

有什么逻辑可以解决这个问题吗?

11

有什么办法可以解决这个问题吗?

13

有什么好的图片托管网站有API可以让我从我的网站上传图片?

41

在Java中,有什么好的数据结构可以用来解决这个问题?

24
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文