{"version":3,"sources":["webpack:///./src/views/newbee/sharePoster/demo.vue","webpack:///src/views/newbee/sharePoster/demo.vue","webpack:///./src/views/newbee/sharePoster/demo.vue?7b6a","webpack:///./src/views/newbee/sharePoster/demo.vue?3d15"],"names":["render","_vm","this","_c","_self","attrs","on","$event","previewFile","staticRenderFns","methods","fileImg","files","Orientation","console","log","file","EXIF","getData","getTag","reader","FileReader","img","Image","readAsDataURL","canvas","document","createElement","ctx","getContext","_this","onload","ev","src","target","result","imgWidth","width","imgHeight","height","ratio","Math","ceil","rotate","PI","drawImage","imgBase64","toDataURL","postInfo","head","showBase64","window","aa","len","length","size","preview","querySelector","addEventListener","component"],"mappings":"+GAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,QAAQC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAON,EAAIO,kBAAkBL,EAAG,MAAMA,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,GAAG,OAAS,MAAM,IAAM,yBAE9NI,EAAkB,GCMP,GACfC,QAAA,CACAC,QAAA,SAAAC,GACA,IACAC,EAEAC,QAAAC,IAAAH,EAAA,GAAAI,KAAA,gBAEA,IAAAA,EAAAJ,EAAA,GAAAI,KAGAA,GACAC,KAAAC,QAAAF,GAAA,WAGAH,EAAAI,KAAAE,OAAA,oBACAL,QAAAC,IAAAF,EAAA,wBAIA,IAAAO,EAAA,IAAAC,WAEAC,EAAA,IAAAC,MAEAH,EAAAI,cAAAR,GAEA,IAAAS,EAAAC,SAAAC,cAAA,UACAC,EAAAH,EAAAI,WAAA,MACAC,EAAA,KACAV,EAAAW,OAAA,SAAAC,GAGAV,EAAAW,IAAAD,EAAAE,OAAAC,OACAb,EAAAS,OAAA,WACA,IAAAK,EAAA,KAAAC,MACAC,EAAA,KAAAC,OAEAzB,QAAAC,IAAA,KAAAsB,OACAvB,QAAAC,IAAA,KAAAwB,QAGA,IAAAC,EAAAJ,EAAAE,EAYA,GAXAF,EAAAE,GAAAF,EAAA,KACAA,EAAA,IACAE,EAAAG,KAAAC,KAAA,IAAAF,IACAJ,EAAAE,KAAA,MACAF,EAAAK,KAAAC,KAAA,IAAAF,GACAF,EAAA,KAGAb,EAAAY,MAAAD,EACAX,EAAAc,OAAAD,EAEAzB,GAAA,GAAAA,EACA,OAAAA,GACA,OACAY,EAAAY,MAAAC,EACAb,EAAAc,OAAAH,EACAR,EAAAe,OAAAF,KAAAG,GAAA,GACAhB,EAAAiB,UAAA,QAAAP,EAAAF,EAAAE,GACA,MACA,OACAV,EAAAe,OAAAF,KAAAG,IACAhB,EAAAiB,UAAA,MAAAT,GAAAE,EAAAF,EAAAE,GACA,MACA,OACAb,EAAAY,MAAAC,EACAb,EAAAc,OAAAH,EACAR,EAAAe,OAAA,EAAAF,KAAAG,GAAA,GACAhB,EAAAiB,UAAA,MAAAT,EAAA,EAAAA,EAAAE,GACA,WAGAV,EAAAiB,UAAA,SAAAT,EAAAE,GAEA,KAAAQ,UAAArB,EAAAsB,UAAA,iBAGAjB,EAAAkB,SAAAC,KAAA,KAAAH,UAEAhB,EAAAoB,YAAA,EACAC,OAAAC,GAAA,KAAAN,UAEA,IAAAO,EAAA,KAAAP,UAAAQ,OACAC,EAAAF,IAAA,IACAvC,QAAAC,IAAAwC,KAyBAzC,QAAAC,IAAA,KAAAmC,aAEA1C,YAAA,WACA,IAAAgD,EAAA9B,SAAA+B,cAAA,OACAzC,EAAAU,SAAA+B,cAAA,oBAAA7C,MAAA,GACAQ,EAAA,IAAAC,WAEAP,QAAAC,IAAAC,EAAA,WACAI,EAAAsC,iBACA,QACA,WACAF,EAAAvB,IAAAb,EAAAe,UAEA,GAGAnB,GACAI,EAAAI,cAAAR,MCvI4d,I,YCOxd2C,EAAY,eACd,EACA3D,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E","file":"js/demo.4c3fce59.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('input',{attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.previewFile()}}}),_c('br'),_c('img',{attrs:{\"src\":\"\",\"height\":\"200\",\"alt\":\"Image preview...\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <input type=\"file\" @change=\"previewFile()\" /><br />\n    <img src=\"\" height=\"200\" alt=\"Image preview...\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    fileImg(files) {\n      let that = this;\n      let Orientation;\n\n      console.log(files[0].file, \"---->file\");\n\n      let file = files[0].file;\n\n      // this.imgPreview(e.target.files[0])\n      if (file) {\n        EXIF.getData(file, function() {\n          // var a = EXIF.pretty(this)\n          // alert(a[14])\n          Orientation = EXIF.getTag(this, \"Orientation\");\n          console.log(Orientation, \"====>Orientation值\");\n        });\n      }\n\n      let reader = new FileReader();\n\n      let img = new Image();\n\n      reader.readAsDataURL(file);\n\n      let canvas = document.createElement(\"canvas\");\n      let ctx = canvas.getContext(\"2d\");\n      let _this = this;\n      reader.onload = ev => {\n        // alert(\"图片转base64:\"+reader.result)\n        // this.imgBase64 = reader.result\n        img.src = ev.target.result;\n        img.onload = function() {\n          var imgWidth = this.width;\n          var imgHeight = this.height;\n\n          console.log(this.width);\n          console.log(this.height);\n          // alert(this.width)\n          // alert(this.height)\n          let ratio = imgWidth / imgHeight;\n          if (imgWidth > imgHeight && imgWidth > 600) {\n            imgWidth = 400;\n            imgHeight = Math.ceil(400 / ratio);\n          } else if (imgWidth < imgHeight && imgHeight > 900) {\n            imgWidth = Math.ceil(200 * ratio);\n            imgHeight = 200;\n          }\n\n          canvas.width = imgWidth;\n          canvas.height = imgHeight;\n\n          if (Orientation && Orientation != 1) {\n            switch (Orientation) {\n              case 6:\n                canvas.width = imgHeight;\n                canvas.height = imgWidth;\n                ctx.rotate(Math.PI / 2);\n                ctx.drawImage(this, 0, -imgHeight, imgWidth, imgHeight);\n                break;\n              case 3:\n                ctx.rotate(Math.PI);\n                ctx.drawImage(this, -imgWidth, -imgHeight, imgWidth, imgHeight);\n                break;\n              case 8: // 旋转-90度\n                canvas.width = imgHeight;\n                canvas.height = imgWidth;\n                ctx.rotate((3 * Math.PI) / 2);\n                ctx.drawImage(this, -imgWidth, 0, imgWidth, imgHeight);\n                break;\n            }\n          } else {\n            ctx.drawImage(this, 0, 0, imgWidth, imgHeight);\n          }\n          this.imgBase64 = canvas.toDataURL(\"image/jpeg\", 0.9);\n          // this.files[0].url = this.imgBase64 //旋转后的图片\n          // console.log(this.imgBase64,\"--->base64\")\n          _this.postInfo.head = this.imgBase64;\n          // _this.imgBase64 = this.imgBase64\n          _this.showBase64 = true;\n          window.aa = this.imgBase64;\n          // console.log(window.aa)\n          var len = this.imgBase64.length;\n          var size = len - (len / 8) * 2;\n          console.log(size);\n          // alert(size)\n\n          // reader.onload = (ev) => {\n          //   // alert(\"图片转base64:\"+reader.result)\n          //   this.imgBase64 = reader.result\n          //   try {\n          //     // localStorage.setItem('imgBase64', reader.result)\n          //     window.aa = reader.result\n          //   } catch (error) {\n          //     // console.log(\"存储localstorage失败\"+error)\n          //\n          //   }\n\n          // try {\n          //   // localStorage.setItem('imgBase64', reader.result)\n          //   // window.aa = reader.result\n          // } catch (error) {\n          //   console.log(\"存储localstorage失败\"+error)\n          // }\n          // alert('base64全局存储完成')\n          // this.$router.push('/result/industry')\n          // alert('push完成')\n        };\n      };\n      console.log(this.showBase64);\n    },\n    previewFile() {\n      var preview = document.querySelector(\"img\");\n      var file = document.querySelector(\"input[type=file]\").files[0];\n      var reader = new FileReader();\n\n      console.log(file, \"--->\");\n      reader.addEventListener(\n        \"load\",\n        function() {\n          preview.src = reader.result;\n        },\n        false\n      );\n\n      if (file) {\n        reader.readAsDataURL(file);\n      }\n    }\n  }\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??ref--18-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./demo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??ref--18-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./demo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./demo.vue?vue&type=template&id=791a5f92&\"\nimport script from \"./demo.vue?vue&type=script&lang=js&\"\nexport * from \"./demo.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}