草庐IT

javascript - Tinymce 添加文件选择器按钮以添加链接

我想添加一个触发按钮来将图像作为数据上传。所以我添加了以下代码tinymce.init({selector:'#test',...,paste_data_images:true,image_advtab:true,file_picker_callback:function(callback,value,meta){if(meta.filetype=='image'){jQuery('#test-upload').trigger('click');jQuery('#test-upload').on('change',function(){varfile=this.files[0];var

javascript - CSS 中不规则多边形的悬停效果

我想知道如何为类似于thisimage的map标记和编码悬停效果.当每个区域(或部分)被鼠标悬停/触摸/点击时,我需要更改它的颜色而不影响任何其他部分。每个部分的边界必须能代表图片,不能是正方形。该解决方案不能使用Canvas,因为我正在处理的网站必须在旧版浏览器中可用(我个人感到很沮丧。)理想情况下,我希望在不使用太多JavaScript或大量图像的情况下使用CSS来完成此操作。以前有人这样做过吗?编辑:我知道人们建议使用标记,但据我所知,它不接受:hover伪类。编辑2:我可能会使用这个:http://www.netzgesta.de/mapper/ 最

javascript - Colorthief.js 与 Polymer.js - 查找导致 onload 事件的图像的原色

我正在使用Polymer构建一个MaterialWeb应用程序,我想获取页面上图像的主要颜色和次要颜色。我正在使用on-click事件来触发一个函数,该函数从图像中检索数据并获取颜色。问题是除了实际引用图像之外,该函数工作正常--ColorThief似乎无法“看到”图像。这是我的代码:图片:colorthis函数:Polymer('paper-albums',{colorthis:function(event,detail,sender){vari=sender.dataset.albumno,cT=newColorThief(),pallete=cT.getPalette(event

JavaScript 缩小/增长循环过渡

我在这里的第一个问题。:)我正在寻找两个图像之间的过渡,其中图像首先缩小为圆形,然后圆圈再次增长,包含另一个图像。这很难解释,而且我可能用错了词,因为我在Interwebz上找不到任何关于它的信息。我说的是像LoonyToons结局这样的效果。http://www.youtube.com/watch?v=ZuYIq-J5l9I缩小到黑色,可以在JavaScript/JQuery中完成吗? 最佳答案 TL:博士-跨浏览器:[**查看工作演示这里**](http://jsfiddle.net/lthibodeaux/8DSjz/)。嗯,

javascript - 如何获取 <img> 标签的 HTTP 状态码

我有一个包含大量图像的页面,这些图像是根据用户操作在服务器端生成的。当图像成功加载时我很高兴,但是当服务器出现错误时我必须根据发生的错误采取行动。例如:500代码:做这件事。503代码:做那些事情等等。那么,我的问题:有没有办法在“img”标签错误事件处理程序中获取状态代码? 最佳答案 不,无法从JavaScript中的img标记发出的请求中获取HTTP状态。你可以编写一个firefox插件、chrome/safari扩展来做到这一点。另一种方法是使用AJAX加载图像(不使用img标签)。您可以从Ajax请求中获取Http状态代码。

javascript - 在 SELECT 元素的更改事件中重新验证输入

我正在编写一个AngularJS应用程序,在这个应用程序中有一个域管理工具。选择域后,我会在表中生成域记录,让用户编辑每一行。由于字段是动态创建的,我使用ng-form来启用单独验证每一行,因为它们共享相同的名称。每个域记录都有一个内容字段,其中包含IP、CNAME等内容。我使用根据所选记录类型(A、CNAME、TXT等)的函数生成的正则表达式模式验证此字段。问题是,当我编辑A记录,然后将记录类型更改为CNAME时,表单仍然有效,因为没有对内容字段执行新的验证。我重新验证它的唯一方法是开始在内容字段中输入内容,然后就可以正常工作了。检查下面的图片:我在A记录上按编辑,一切看起来都很好:

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调

javascript - 使用 javascript FileReader API 时是否有文件大小限制?

您可以使用javascriptFileReaderAPI来显示从文件输入字段提供的图像的预览。这在您不必使用服务器端php和ajax来显示图像的意义上非常有用。不过我的问题是:使用的图片文件大小有限制吗?就像如果用户要选择一个20MB的图像,filereader是否能够处理它?机器内存是否有可能达到极限?目前我只是在我的机器上进行本地测试。我试图加载一个bmp文件(53MB!),该文件在页面上处理和显示大约需要15秒。其他1/2MB的文件通常会立即显示。这可能不是必需的,但这是我的HTML文件:(仅供引用:此代码在支持的浏览器中运行良好)DropzoneFileUpload 

javascript - 将 Base64 图像发布到 Mvc Controller

考虑这个base64编码图像我想将此src发布到MvcController,但是当使用ajax发布时获取null是post方法。varfile=document.getElementById("base64image").src;varformdata=newFormData();formdata.append("base64image",file);$.ajax({url:"http://localhost:26792/home/SaveImage",type:"POST",data:file});MvcController[HttpPost]publicvoidSaveImage(

javascript - 延迟加载图片

这个问题在这里已经有了答案:HowlazyloadingimagesusingJavaScriptworks?(8个答案)关闭2年前。我正在寻找一个支持延迟加载图像的JQuery插件。LazyLoadJQueryplugin不再受支持并且在Firefox中不起作用。有谁知道支持大多数现代浏览器的好替代品吗?我也对其他方法持开放态度。我有一个隐藏的div,其中包含我不想加载的图像,除非该div可见。让我知道在这种情况下是否有更好的方法来延迟图像加载。