• 1282阅读
  • 18回复

2018年7月23日:终于实现通过点击按钮删除网络图片地址文本框内容功能! [复制链接] [手机版]

上一主题 下一主题
离线zhangjingyu

只看楼主 倒序阅读 使用道具 绿 楼主  发表于: 2018-07-23 22:50:04 星期一
关键词: 莘祺网搜索
通过编辑器的“插入图片-网络图片”功能可以调用外网图片,当然这不是主要的,因为来自外网调用的图片并不是特别的可靠,说不定什么时候图片链接就失效了,导致图片不能查看。如果是普通的图片也就算了,如果是重要的图片似乎就有些得不偿失了。所以,在莘祺网,我希望主要的图片(或者全部)都是本地化,也就是图片要保存在我们自己的服务器空间里。

如果图片不在自己的电脑里,那么就需要把图片下载,然后才能以附件的形式上传。好在,在编辑器里有远程图片下载功能,然而,虽然有,但这个功能并不怎么好用(今晚查看后台,已经把所有用户组的远程图片下载权限关闭了,包括普通会员组和管理组)。

关于原来的远程图片下载功能,可以查找到的主要记录是:
为什么不起眼的女人嫁得好?

后来偶然找到一个远程图片本地化插件,虽然当初并不完美,经过完善已经相当不错,目前莘祺网实际使用中,只是后台做了权限限制。搜索莘祺网,关于这一重要事件似乎并没有更多的记录,怎么会呢?
远程图片本地化插件如何生成缩略中图?

说着说着似乎跑远了,回过头继续说网络图片地址的事儿。
1条评分铜币+1
梅河口市张景玉 铜币 +1 你说得太好了! 2018-11-06
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 沙发  发表于: 2018-07-23 23:56:12 星期一  点亮(0)
无论是编辑器自带的远程图片下载功能,还是后台安装的远程图片下载插件,都和网络图片地址有关,所以以上也不算跑得远了,下面继续。

如果只是插入一个网络图片地址,也就算了,因为如果超过一个,就需要把之前粘贴的图片地址删除后才能再粘贴,有多个的话就需要重复这样的操作。而网络图片地址通常有一定的长度,不管是拖动全选按del键删除,还是按backspace和del键删除,都需要时间。在有多张图片的情况下,工作量不算小,也总感觉这样的操作似乎太不智能了,如果有种方法可以一键清空文本框才是最好的!所以,曾经尝试过多次,无奈自己的html水平基本没有,靠自己的努力总是实现不了。好在,自己似乎有一定的韧劲,不解决问题决不罢休。

虽然经过失败,但这个想法一直在我心中,希望有一天能够完成。所以,今晚又再次开始尝试。

参考网上的代码,修改这个图片插入js(js/breeze/app/insertimage.js)文件,失败了好多次,主要表现为编辑器上的表情,图片,附件功能不能使用。删除,粘贴,修改,测试,再删除……终于实现了!

参考内容为:
  1. <script type="text/javascript">
  2.     function clearText() {
  3.         document.getElementById("text").value = "";
  4.     }
  5. </script>
  6. <form action="index.jsp" method="post">
  7.     <input id="text" type="text" name="text" />
  8.     <button type="button" onclick="clear();">clear</button>
  9.     <button type="submit">submit</button>
  10. </form>

我修改后的实际代码为(添加清空按钮):
  1.             <div style="padding-bottom:30px;">\
  2.                 <div class="B_tac B_p15 B_cc">图片地址:<input  id="networkImg" size="50" type="text" class="input" value="" /></div>\
  3.                 <div class="B_tac"><span class="B_btn2"><span><button type="button" id="btn_insertImg">插入图片</button></span></span><span class="B_btn"><span><button type="button" onclick="clearurl();">清空</button></span></span></div>\
  4.             </div>\

在文件末尾添加清空按钮的脚本(如果是在htm文件中应用,我想,应该在前面和后面添加<script language="JavaScript" type="text/JavaScript">和</script>):
  1. function clearurl(){
  2.         document.getElementById("networkImg").value = "";
  3.         }
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 板凳  发表于: 2018-07-24 00:06:10 星期二  点亮(0)
啰嗦完了,开始测试。
360极速浏览器极速模式,正常。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 地板  发表于: 2018-07-24 00:08:32 星期二  点亮(0)
兼容模式,正常。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 4楼 发表于: 2018-07-24 00:14:36 星期二  点亮(0)
搜狗浏览器兼容模式,正常。
登录密码竟然不对!
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 5楼 发表于: 2018-07-24 00:20:37 星期二  点亮(0)
高速模式正常。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 6楼 发表于: 2018-07-24 00:22:56 星期二  点亮(0)
ie浏览器兼容性视图模式正常。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 7楼 发表于: 2018-07-24 00:24:52 星期二  点亮(0)
正常模式吗,不确定,反正换了。正常!
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 8楼 发表于: 2018-07-24 00:32:03 星期二  点亮(0)
好了,测试应该是完美通过。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!
离线zhangjingyu

只看该作者 9楼 发表于: 2018-07-24 00:33:45 星期二  点亮(0)
继续楼上的搜狗切换。
尊重每位祺师,做有价值的祺文化社区!欢迎光临,并感谢您的支持与陪伴!
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友,不要等到有一天失去后才知道没有好好的珍惜,才知道
拥有的珍贵!亲爱的们,如果你懂得,请把这份关爱传递,让更多的人加入到爱心接力当中,让每个人的心中都洋溢着爱的温馨!

我们应该知道:岁月如梭!其实生命,是很短暂,也是很脆弱的东西…… 设置自己的帖子签名请点这里!