草庐IT

image_img

全部标签

javascript - Blueimp Jquery 文件上传 : Doesn't show thumbnail preview image

我用了BlueimpjQueryFileUpload在我的Rails应用程序中。当用户选择文件时,我想在将文件上传到服务器之前显示图像的缩略图和图像的名称。我一直在引用demo自定义此插件。我可以在屏幕上打印文件名,但无法显示缩略图。这是生成的htmlFileuploadUploadfiles${name}$(function(){$('#fileupload').fileupload({add:function(e,data){console.log('add');$.each(data.files,function(index,file){console.log('Addedfil

html - 移动网站 : Detecting when images have been disabled

我遇到了一个非常烦人的移动网络问题。我拥有的网站的大部分按钮都使用图像,和.因此,如果用户禁用图像,网站不仅看起来不好看,而且他们也失去了浏览该网站的所有能力。特别是Android不显示alt图像上的信息,因此实际上没有任何迹象表明图像未显示。有没有什么方法可以在不使用JavaScript的情况下确定浏览器是否禁用了图像?如果他们禁用了它,我想显示一个更通用的文本优化网站。 最佳答案 根本不使用任何JavaScript?恐怕这是不可能的,至少在客户端是不可能的。在HTML中有NOFRAME和NOSCRIPT标签,但没有等效的图像标签

HTML 在 iPhone (iOS) 上上传 : filename is always same (image. jpg, image.png, ...)

我使用非常简单的代码在我的响应式网站中上传文件。但是当我使用iPhone上传图片时,图片名称总是image.jpg而不管实际的图片名称。这个问题有什么解决方法吗?为了调试目的,我用小代码创建了这个示例页面:";echo'postobjectinfo:';print_r($_FILES);print"";}?>FileUploadTestforiphone演示:http://codepad.viper-7.com/VnTfb3/55dev? 最佳答案 我遇到了同样的问题,但我在上传脚本中使用了3张图片。对我来说最快、最简单的解决方案是

asp.net - <img src =""> 会影响性能吗?

我只是想知道是否会影响asp.net的性能吗?如果是,那么如何以及什么是更好的解决方案?编辑我想补充一些细节:-如果开发者遗漏了src标签或服务器中缺少图像(例如服务器中缺少a.jpg)编辑我问这个问题是因为最近我遇到了一个问题,我们的页面只因为服务器缺少fav.ico而进行两次回发。 最佳答案 是的,因为您需要另一个请求来获取图像。;-)当时,IE6不会尊重内容过期标题在iframe中。使用带有sprite的背景图像(CSS)可能会更好。 关于asp.net-会影响性能吗?,我们在St

javascript - 强制 firefox 在 img.src 更改后重新加载图像

我正在修改Canvas上的一些图像,然后将这些图像的src设置为新的base64编码图片。img.src=changeColor(img);changeColor返回base64编码图像:returncanvas.toDataURL();Chrome和Opera都是在src改变后刷新图像,但是firefox没有!我还通过FireBug检查了图像元素,它显示了新的src和新的图像!我已经尝试将数据添加到URL,但是呃......这是一个base64编码的图像,而不是一个url,所以它完全破坏了我的图片。我有什么方法可以通过javascript强制重新加载图像或禁用firefox缓存吗?更

javascript - 如何从已加载的图像 (<img>) 创建 HTML 5 文件?

您好,我有一个页面,我在其中显示用户的个人资料图像,它是这样加载的:$("#imgProfile").attr('src','http://myserver/user.png')现在我需要使用HTML5文件API提交此图像,但为此我需要先将我的图像转换为文件API。我在网上看到的所有示例都与inputtype="file"一起工作,但我已经有了那个图像,我没有从本地计算机中选择图像。所有的例子都像这个https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications从inputtype="file"元素使

html - <img> 标签的基于 JWT 的身份验证?

假设我有一个使用JWTtoken对后端RESTapi进行身份验证的单页应用程序。我在执行REST请求时在httpheader内传输JWTtoken。到目前为止,还不错。现在,假设我想从服务器下载一个图像,并且我希望只有经过身份验证的用户才能访问该图像。在服务器上,这没问题:只需定义一个传递图像的路由,并在该路由中验证JWTtoken。但是:如何将token从客户端传输到服务器?如果我使用常规标记,我无法将token附加为httpheader。我该怎么办?我基本上可以想到添加token,例如base64编码,查询字符串,但这似乎不是很安全,因为token随后会出现在浏览器的历史记录中。另

html - <img srcset ="..."> 与 <picture><source> 相比?

我似乎无法辨别使用picture元素或仅使用img元素与srcset在功能或含义上的区别>属性。我了解它们的工作原理;我只是不完全理解为什么或何时选择一个而不是另一个。看起来img元素更轻量、更清晰的代码,但它的意思和作用是一样的吗?我在我的代码中使用它来提供同一图像的不同缩放版本:就提供正确缩放的图像而言,它完全符合我的要求,而且它似乎适用于Chrome、Firefox、Edge和Opera。我知道用这段代码可以完成几乎相同的事情:那么,功能上有什么区别?为什么我要使用更多代码来做本质上相同的事情?语义上有区别吗?那会是什么?来自w3.orgimg:Animgelementrepre

javascript - JQuery 根据你点击的位置设置 img src

我使用javascript在我的网站上加载图片,具体取决于您单击了ul中的哪些“小”照片...我有类似的东西:functionviewImage(src,legende){document.getElementById("imageBig").src="images/photos/"+src;document.getElementById("legend").innerHTML=legende;}在html中简单地:像这样的事情:LaPéricholeàl’OpéraComique')">所以你看,我可以根据你点击了无序列表中的哪些

html - 当无法显示 img 时应该发生什么?

当无法显示img时,浏览器应该做什么?官方消息来源故意含糊其词。他们说应该使用替代文本,但他们没有说如何!所以除非我搜索得不够好(而且我做了很多谷歌搜索。我什至狂欢了!)这个信息不存在。浏览器的功能差异很大。如果图片因为不存在而无法加载,Mozilla将内联替代文本显示为当前文本的一部分IE将替代文本显示为内联block,前面是“损坏的图像”图标,并使用不同的字体Chrome还显示了一个内联block和“损坏的图像”图标,并在其周围放置了一个边框。不过它不会更改字体。Thisismynewcar.Andthat'sit.现在,如果您将浏览器的设置更改为不加载图像,大多数浏览器的行为都会