URL.createObjectURL()方法

URL.createObjectURL()的使用方法

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL.这个 URL 的生命周期和创建它的窗口中的 document 绑定.这个新的URL 对象表示指定的 File 对象或 Blob 对象. URL.createObjectURL(blob)和FileReader.readAsDataURL(file)很相似: 区别通过FileReader.readAsDataURL(file)可以获取一段data:base64的字符串通

html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法(转载)

/** FormData ==>表单数据能自动把表单数据拼接打包当ajax发送数据时,发送打包的数据; 还可以使用FormData对象的append(key,value)添加数据 FormData还可以自动帮忙打包文传送件数据,后台通过$_FILES数组接收说明FormData对象既可以打包发送表单的数据,也可以手动append数据注意,input Dom对象有一个files属性十一哥文件数组 **/ <!doctype html> <html> <head&

URL.createObjectURL和URL.revokeObjectURL

一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里,新的对象URL指向执行的File对象或者是Blob对象. 语法: objectURL = window.URL.createObjectURL(blob || file); File对象,就是一个文件,比如我用input type="file"标签来上传文件,那么里面的每个文件都是一个File对象. B

URL.createObjectURL() 与 URL.revokeObjectURL()

.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象. 语法: objectURL = URL.createObjectURL(blob || file); 参数: File对象或者Blob对象这里大概说下File对象和Blob对象: File对象,就是一个文件,比如我用input type="file&qu

JS获取当前网页内容，创建文件并下载，URL.createObjectURL和URL.revokeObjectURL

有时候需要在前端侧对于动态生成的内容进行下载,比如页面上某一段文本信息,再比如对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助JS和其它一些HTML5特性,例如,将页面元素转换到canvas上,然后再转成图片进行下载. 原理其实很简单,我们可以将文本或者JS字符串信息借助Blob转换成二进制,然后,作为<a>元素的href属性,配合download属性,实现下载. 代码也比较简单,如下示意(兼容Chrome和Firef

FileReader与URL.createObjectURL实现图片、视频上传前预览

之前做图片.视频上传预览常用的方案是先把文件上传到服务器,等服务器返回文件的地址后,再把该地址字符串赋给img或video的src属性,这才实现所谓的文件预览.实际上这只是文件“上传后再预览”,这既浪费了用户的时间,也浪费了不可轻视的流量. 最近上网查资料才知道其实可以很轻松地实现“上传前预览”.实现方法有两种:FileReader和URL.createObjectURL. 关于FileReader的讲解可以看这里关于URL.createObjectURL方法的讲解和应用可以看这里 demo地

图片上传预览（URL.createObjectURL）

知识预备:1. URL.createObjectURL() 静态方法会创建一个 DOMString,它的 URL 表示参数中的对象.这个 URL 的生命周期和创建它的窗口中的 document 绑定.2.在每次调用 createObjectURL() 方法时,都会创建一个新的 URL 对象,即使你已经用相同的对象作为参数创建过.当不再需要这些 URL 对象时,每个对象必须通过调用 URL.revokeObjectURL() 方法来释放.浏览器会在文档退出的时候自动释放它们,但是为了获得最佳性能和

createObjectURL方法实现本地图片预览

ie6 可以直接显示本本地路径的图片如: <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url,但测试 xp ie8还是可以的 ie8+ alphaImageLoader滤镜方式加载本地路径的图片 chrome, firefox, 用dataUrl 或 createObjectURL方法实现例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

[转] createObjectURL方法实现本地图片预览

ie6 可以直接显示本本地路径的图片如: <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url,但测试 xp ie8还是可以的 ie8+ alphaImageLoader滤镜方式加载本地路径的图片 chrome, firefox, 用dataUrl 或 createObjectURL方法实现例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

URL.createObjectURL()

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL.这个 URL 的生命周期和创建它的窗口中的 document 绑定.这个新的URL 对象表示指定的 File 对象或 Blob 对象. objectURL = URL.createObjectURL(blob); blob是用来创建 URL 的 File 对象或者 Blob 对象在每次调用 createObjectURL() 方法时,都会创建一个新的 URL 对象,即

js图片前端预览之 filereader 和 window.URL.createObjectURL

//preview img : filereader方式 document.getElementById('imgFile').onchange = var ele = document.getElementById('imgFile').files[0]; var fr = new FileReader(); fr.onload = function(ele){ var pvImg = new Image(); pvImg.src = ele.target.result; pvImg.setA

php使用curl简单抓取远程url的方法

这篇文章主要介绍了php使用curl简单抓取远程url的方法,涉及php操作curl的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了php使用curl抓取远程url的方法.分享给大家供大家参考.具体如下: cURL是一个非常有用的php库,可以用来连接不通类型的服务器和协议,下面是一个最基本的范例用来抓取远程网页 ? 1 2 3 4 5 6 <?php $c = curl_init('http://www.w3mentor.com/robots.txt'); curl_

nginx 常用的 URL 重写方法

转自:http://www.jbxue.com/article/4727.html Nginx中一些常用的URL 重写方法介绍,有需要的朋友可以参考下.url重写应该不陌生,不管是SEO URL 伪静态的需要,还是在非常流行的wordpress中,重写都是无处不在的. Nginx中一些常用的URL 重写方法介绍,有需要的朋友可以参考下.url重写应该不陌生,不管是SEO URL 伪静态的需要,还是在非常流行的wordpress中,重写都是无处不在的. 1. 在 Apache 的写法复制代码代码

HttpServletRequest 获取URL的方法及区别

HttpServletRequest 获取请求的URL的方法有: 1.request.getRequestURL() 返回的是完整的url,包括Http协议,端口号,servlet名字和映射路径,但它不包含请求参数.2.request.getRequestURI() 得到的是request URL的部分值,并且web容器没有decode过的 3.request.getContextPath() 返回 the context of the request. 4.request.getServlet

js得到当前页面的url信息方法

js得到当前页面的url信息方法:http://www.cnblogs.com/zuosong160522/p/5755615.html js获取url传递参数,js获取url?后面的参数:http://blog.csdn.net/kongjiea/article/details/39644623

URL.createObjectURL() 实现本地上传图片并预览功能

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL.这个 URL 的生命周期和创建它的窗口中的 document 绑定.这个新的URL 对象表示指定的 File 对象或 Blob 对象. mdn传送门:https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL <input class="avatarCon" type="

浏览器本地预览图片 window.url.createobjecturl

第一种方式 <script type="text/javascript"> function setImagePreview() { var docObj = document.getElementById("ctl00_ContentMain_file_head"); var fileName = docObj.value; if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) { alert('您上传的图片格式不正

JavaScript&jQuery获取url参数方法

JavaScript&jQuery获取url参数方法 function getUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r!=null) return unescap

JS获取当前页面URL的方法

1.JS获取当前页面URL的方法小结 ①. document.URL; http://localhost:81/Test/1.htm/id/12 ②. document.location.href; http://localhost:81/Test/1.htm/id/12 ③. self.location.href; http://localhost:81/Test/1.htm/id/12 ④. document.location http

URL辅助方法

URL辅助方法则负责用来产生url地址,那什么时候需要呢,以输出超链接来说,使用Html.ActionLink()辅助方法一定会产生超链接的a标签,如果只是想单纯的输出asp.net mvc的某个网址,就可以利用URL辅助方法来处理 eg:希望输出同一个控制器了的About动作的网址,则 @Url.Action("About"): 最后的输出结果/Home/About 输出当前控制器下名称为About的Action @Url.Action("About"): /

URL.createObjectURL()方法

热门专题