node.js用uploadify上传本地图片后,把它放到canvas,无法使用todataurl()方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了node.js用uploadify上传本地图片后,把它放到canvas,无法使用todataurl()方法相关的知识,希望对你有一定的参考价值。

图片放到canvas上后,用canvas元素的todataurl()时说是出现了跨域问题Failed to execute 'toDataURL' on 'htmlCanvasElement': Tainted canvases may not be exported(上传图片时也是跨域的,但是没有问题),按照网上说的在图片属性里添加canvasPic.crossOrigin = "*";于是又出现No 'Access-Control-Allow-Origin' header is present on the requested resource这个错误提示,晚上说要加一个响应头,但是我加到我的uploadify响应php文件里面也没反应,现在卡在这里了,请问谁知道这个响应头应该放在哪里?或者有没有什么方法直接让我把本地图片加载到canvas上,不用传到服务器上?
多谢!

参考技术A 你可以用一个file的input,在change事件里建立一个FileReader的instance,用readAsDataURL()读取文件的内容,不用上传服务器。

以上是关于node.js用uploadify上传本地图片后,把它放到canvas,无法使用todataurl()方法的主要内容,如果未能解决你的问题,请参考以下文章

uploadify上传图片插件的使用

uploadify 图片上传

Jcrop+uploadify+php实现上传头像预览裁剪

uploadify图片上传发生Security Error

基于Jquery插件Uploadify实现实时显示进度条上传图片

插件 uploadify