onerror多张图片失败

用onerror处理图片获取失败问题

最近用到本地图片上传作为API的参数,在网上看了许多,记录一下,以后可能用的着(仅自己记录用,看不清请绕路) function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { url = window.URL.createObjectURL(f

mui笔记

1.关闭当前页面执行上一个页面的方法 var preview = plus.webview.currentWebview().opener() //获取当前窗口的创建者,即A preview.evalJS("preference.refreshAttensionInfo('author')") //执行父窗口中的方法 A中的showAG方法 plus.webview.currentWebview().close() 2.长按和释放 // 语音长按 document.getElemen

vue+element-ui中的图片获取与上传

vue+element-ui中的图片获取与上传工作上接触了一下图片的处理,图片的格式是文件流, 记录如下. 请求图片请求图片的时候,带上{ responseType: 'blob' }, 否则图片显示的可能是乱码. axios .post(url, parmas, { responseType: 'blob' }) .then(res => { return Promise.resolve(res); }) .catch(e => { return Promise.reject(e); }

CORS详解[译]

介绍由于同源策略的缘故,以往我们跨域请求,会使用诸如JSON-P(不安全)或者代理(设置代理和维护繁琐)的方式.而跨源资源共享(Cross-Origin Resource Sharing)是一个W3C规范,其建立在XMLHttpRequest对象之上,允许开发人员像使用同源请求一样的规则,在浏览器端发送跨域请求. CORS的使用场景很简单.例如,站点bob.com想要请求获取alice.com的数据,由于同源策略缘故,这种情况在传统请求中是不被允许的.然而,bob.com通过CORS请求ali

Android--Volley框架的使用

一.Volley特点通信更快,更简单(数据量不大,但网络通信频繁) Get.Post网络请求及网络图像的高效率异步处理排序(可以通过网络请求的优先级进行处理) 网络请求的缓存多级别取消请求和Activity生命周期的联动二.为什么使用Volley 高效的Get/Post方式的数据请求交互网络图片加载和缓存三.Volley框架的使用 1.Volley的GET.Post 首先我们需要知道Volley自带了三种返回类型: StringRequest:主要使用在对请求数据的返回类型不确定的

CORS详解

介绍由于同源策略的缘故,以往我们跨域请求,会使用诸如JSON-P(不安全)或者代理(设置代理和维护繁琐)的方式.而跨源资源共享(Cross-Origin Resource Sharing)是一个W3C规范,其建立在XMLHttpRequest对象之上,允许开发人员像使用同源请求一样的规则,在浏览器端发送跨域请求. CORS的使用场景很简单.例如,站点bob.com想要请求获取alice.com的数据,由于同源策略缘故,这种情况在传统请求中是不被允许的.然而,bob.com通过CORS请求ali

HTML5的File API读取文件信息

html结构: <div id="fileImage"></div> <input type="file" value="upload" id="fileInput"> <p id="fileInfo"></p> css样式: #fileImage{width: 300px;height: 300px; margin: 20px auto;back

利用CORS实现跨域请求（转载）

跨域请求一直是网页编程中的一个难题,在过去,绝大多数人都倾向于使用JSONP来解决这一问题.不过现在,我们可以考虑一下W3C中一项新的特性--CORS(Cross-Origin Resource Sharing)了. 本文的所有代码均来自http://www.html5rocks.com/en/tutorials/cors/,如果您对其中的任何技术细节存在疑问,请以原文为准. 客户端创建XmlHttpRequest对象对于CORS,Chrome.FireFox以及Safari,需要使用Xml

Android-Volley详解

一.Volley简介和特点 1. 简介: 并发.效率.性能高要求 Volley(齐射,迸发) Volley是Google2013发布的Android平台上的网络通信库 2. Volley特点: 通信更快,更简单,更健壮 Get.Post网络请求及网络图像的高效率异步处理请求对网络请求进行排序优先级处理网络请求的缓存多级别取消请求(同时取消正在进行的多个网络请求) 和Activity生命周期的联动(当Activity销毁的时候可以同时取消正在进行的网络请求操作,提高性能) 3. 缺点: 不

HTML 5中的文件处理之FileAPI(转载)

原文地址:http://developer.51cto.com/art/201202/319435.htm 在众多HTML5规范中,有一部分规范是跟文件处理有关的,在早期的浏览器技术中,处理小量字符串是js最擅长的处理之一.但文件处理,尤其是二进制文件处理,一直是个空白.在一些情况下,我们不得不通过Flash/ActiveX/NP插件或云端的服务器处理较为复杂或底层的数据.今天,HTML5的一系列新规范正在致力于让浏览器具备更强大的文件处理能力. 今天要介绍的FileAPI,就是为解决这类问题而

phonegap file操作

phonegap中,有时候需要操作到手机中的文件,这个时候就需要用到phonegap官方提供的插件 file ,英文好的可以直接参考官方文档首先是安装插件:(需要phonegap 3.0 以上,不止如何用命令行安装插件请自行百度) cordova plugin add org.apache.cordova.file 今天主要介绍这个插件中的FileReader,总共有以下的几个方法 abort: 终止读取文件. readAsDataURL: 读取文件然后返回 base64格式的url read

关于环信的WebIm的SDK一些使用注意

先打自己几下脸,不好好看接口文档,啪啪啪. 主要先说下回调,直接先copy文档的 conn.listen({ onOpened: function ( message ) { //连接成功回调 //以下是关键点如果没有设置上线,就没有办法接收到信息 // 如果isAutoLogin设置为false,那么必须手动设置上线,否则无法收消息 // 手动上线指的是调用conn.setPresence(); 如果conn初始化时已将isAutoLogin设置为true // 则无需调用conn.setP

CORS 跨域

跨域请求一直是网页编程中的一个难题,在过去,绝大多数人都倾向于使用JSONP来解决这一问题.不过现在,我们可以考虑一下W3C中一项新的特性——CORS(Cross-Origin Resource Sharing)了. 本文的所有代码均来自http://www.html5rocks.com/en/tutorials/cors/,如果您对其中的任何技术细节存在疑问,请以原文为准. 客户端创建XmlHttpRequest对象对于CORS,Chrome.FireFox以及Safari,需要使用Xml

基于Tomcat7、Java、WebSocket的服务器推送聊天室

http://blog.csdn.net/leecho571/article/details/9707497 http://blog.fens.me/java-websocket-intro/ java EE 7 去年刚刚发布了JSR356规范,使得WebSocket的Java API得到了统一,Tomcat从7.0.47开始支持JSR356,这样一来写WebSocket的时候,所用的代码都是可以一样的. HTML5 WebSocket实现了服务器与浏览器的双向通讯,双向通讯使服务器消息推送开

HTML5 文件处理之FileAPI简介整理

在众多HTML5规范中,有一部分规范是跟文件处理有关的,在早期的浏览器技术中,处理小量字符串是js最擅长的处理之一.但文件处理,尤其是二进制文件处理,一直是个空白.在一些情况下,我们不得不通过Flash/ActiveX/NP插件或云端的服务器处理较为复杂或底层的数据.今天,HTML5的一系列新规范正在致力于让浏览器具备更强大的文件处理能力. 今天要介绍的FileAPI,就是为解决这类问题而生的. 总览 FileAPI是一些列文件处理规范的基础,包含最基础的文件操作的JavaScript接口设计.

XMLHttpRequest上传文件实现进度条

话不多说,直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件进度实现</title> <script type="text/javascript"> var xhr; var ot;// var oloaded; //上传文件方法 function UpladFil

2、微信小程序之弹幕的实现（无后台）

对弹幕功能主要利用环信来实现的,读者也许对环信这个东西很陌生,请先自行了解这环信再来看这文章. 环信开发文档:http://docs.easemob.com/im/400webimintegration/10webimintro 请大家看文档看WebIM这个模块,环信官网也提供了小程序的demo,建议读者先自行下载个demo.,了解环信的基础功能. 环信小程序demo下载地址:https://github.com/easemob/webim-weixin-xcx 弹幕功能主要是利用了聊天室来实现

IndexedDB，FileSystem- 前端数据库，文件管理系统

"我们不再需要下载并且安装软件.一个简单的web浏览器和一个可供使用的互联网就足以让我们在任何时间, 任何地点, 还有任何平台上使用任何web应用程序." web应用很酷, 但是相对于桌面应用来说, 它们有比较显著的弱点, 不能像原生应用一样存储, 速度较慢.事实上这种情况已经改变了, 就像上面一句话一样, Web应用程序正在逐渐占据用户.Web应用程序在后端支持的情况下已经可以做到类似原生应用的效果, 甚至更好.下面我们看一看前端存储方面的API, IndexedDB和FileSys

Promise （1）如何使用Promise

Promise 也是面试高频问题, 今天我们来看看Promise是什么, 能做什么, 怎么用, 下一期我们自己来模拟一个myPromise 1 Promise 是什么我们要学会自己给自己提问, 才能加深我们的理解, 首先 Promise 是一个类, 类(class)是ES6 一个新的概念 ,和ES5的构造函数相似, 但不完全一样, 类必须通过 new 操作符调用 ; 子类通过super() 关键字来产生this , 在super()之前不能使用this ; 类上有静态属性和静态方法