feat: add cors

binvb · Nov 11, 2019 · e9c4a10 · e9c4a10
1 parent cd8df3d
commit e9c4a10
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/lazy.js b/src/lazy.js
@@ -111,7 +111,7 @@ export default function (Vue) {
         return Vue.nextTick(this.lazyLoadHandler)
       }
 
-      let { src, loading, error } = this._valueFormatter(binding.value)
+      let { src, loading, error, cors } = this._valueFormatter(binding.value)
 
       Vue.nextTick(() => {
         src = getBestSelectionFromSrcset(el, this.options.scale) || src
@@ -137,6 +137,7 @@ export default function (Vue) {
           loading,
           error,
           src,
+          cors,
           elRenderer: this._elRenderer.bind(this),
           options: this.options,
           imageCache: this._imageCache

diff --git a/src/listener.js b/src/listener.js
@@ -12,13 +12,14 @@ import {
 // }
 
 export default class ReactiveListener {
-  constructor ({ el, src, error, loading, bindType, $parent, options, elRenderer, imageCache }) {
+  constructor ({ el, src, error, loading, bindType, $parent, options, cors, elRenderer, imageCache }) {
     this.el = el
     this.src = src
     this.error = error
     this.loading = loading
     this.bindType = bindType
     this.attempt = 0
+    this.cors = cors
 
     this.naturalHeight = 0
     this.naturalWidth = 0
@@ -122,7 +123,8 @@ export default class ReactiveListener {
   renderLoading (cb) {
     this.state.loading = true
     loadImageAsync({
-      src: this.loading
+      src: this.loading,
+      cors: this.cors
     }, data => {
       this.render('loading', false)
       this.state.loading = false
@@ -160,7 +162,8 @@ export default class ReactiveListener {
       this.record('loadStart')
 
       loadImageAsync({
-        src: this.src
+        src: this.src,
+        cors: this.cors
       }, data => {
         this.naturalHeight = data.naturalHeight
         this.naturalWidth = data.naturalWidth

diff --git a/src/util.js b/src/util.js
@@ -219,6 +219,9 @@ const loadImageAsync = (item, resolve, reject) => {
   }
 
   image.src = item.src
+  if (item.cors) {
+    image.crossOrigin = item.cors
+  }
 
   image.onload = function () {
     resolve({