相关疑难解决方法(0)

我需要能够将图像和一些表单字段从客户端canvas元素发送到PHP脚本,最后是$ _POST和$ _FILES.当我这样发送时:

<script type="text/javascript">
var img = canvas.toDataURL("image/png");
...
ajax.setRequestHeader('Content-Type', "multipart/form-data; boundary=" + boundary_str);
var request_body = boundary + '\n' 
+ 'Content-Disposition: form-data; name="formfield"' + '\n' 
+ '\n' 
+ formfield + '\n' 
+ '\n' 
+ boundary + '\n'
+ 'Content-Disposition: form-data; name="async-upload"; filename="' 
+ "ajax_test64_2.png" + '"' + '\n' 
+ 'Content-Type: image/png' + '\n' 
+ '\n' 
+ img
+ '\n' 
+ boundary;
ajax.send(request_body);
</script>

$ _POST和$ _FILES都回填了,但$ _FILES中的图像数据仍然需要解码如下:

$loc = $_FILES['async-upload']['tmp_name'];
$file = fopen($loc, 'rb');
$contents = fread($file, filesize($loc)); …

如何在没有外部库的情况下,使用JavaScript的常规HTML完成它？这似乎应该是一个简单的单行.

我想这样做:

<script>
localStorage.image=src("http://"+randomflikrimage+".jpg")
</script>

我们使用Eclipse SWT WebBrowser控件为我们的Java应用程序呈现HTML页面.如果页面包含图像,我们希望获取图像内容.我们可以访问DOM来获取IMG元素,但除了使用图像URL重新获取图像之外,似乎没有办法获取实际内容(即图像的字节).(我们可以通过'src'属性获取图像URL.)有没有办法从DOM中获取图像的实际字节？

如果我通过javascript在客户端创建动态位​​图,我如何通过POST或GET提交它(然后从服务器端的位图解析出来的值？NodeJS,PHP等)

从Javascript中的Byte-byte制作图像

var src = 'data:image/bmp;base64,' + myBase64EncodedData;

我有一个文件输入，用于获取文件并将其转换为 blob。无论如何我可以获取外部图像网址并将其转换为blob吗？这是我用来仅使用来自 a 的文件的代码<input type="file" />：

//Process the file and resize it.
        function processfile(file) {

            if (!(/image/i).test(file.type)) {
                alert("File " + file.name + " is not an image.");
                return false;
            }

            // read the files
            var reader = new FileReader();
            reader.readAsArrayBuffer(file);

            reader.onload = function (event) {
                // blob stuff
                var blob = new Blob([event.target.result]); // create blob...
                window.URL = window.URL || window.webkitURL;
                var blobURL = window.URL.createObjectURL(blob); // and get it's URL

                // helper Image object
                var image = …

我想知道,因为HTML和javascript一起迷人,如果HTML5中有一个解决方案来生成许多图像的视频文件？

例如,您可以通过操作画布将视频加载到画布中并使其显示为灰度视频.但是,我想知道,如果有一种方法可以从该greyscaled版本生成视频文件.如果你想通过whatsapp等发送视频,那将是有意义的.

谢谢

我们的单页应用程序嵌入来自Youtube的视频,供最终用户使用.如果用户确实可以访问Youtube域以及该域页面的内容,那么一切都很有效.

然而,我们经常遇到用户,他们的网络上的网络过滤器框阻止了对Youtube的访问,例如https://us.smoothwall.com/web-filtering/.这里的挑战是过滤器实际上不会终止请求,它只是返回另一个页面,而不是HTTP状态200.该页面通常会说"嘿,对不起,这个内容被阻止".

一种选择是尝试获取https://www.youtube.com/favicon.ico以证明域是可达的.问题是这些过滤器通常涉及自定义SSL证书,以允许他们检查HTTP内容(请参阅:https://us.smoothwall.com/ssl-filtering-white-paper/),所以我不能依赖TLS使用不正确的证书捕获为我交换的内容,我将收到一个完全有效的favicon.ico文件,除了来自不同的站点.还有整个CORS问题从我们的域发出XHR对youtube.com的域名,这意味着如果我想得到它favicon.ico我必须做JSONP风格.然而,即使使用普通的旧版本<img>我也无法测试图像内容因为CORS,请参阅使用JavaScript获取图像数据？所以我坚持这种方法.

是否有任何经过验证的可靠方法来处理这种情况并测试浏览器级别对特定域的可达性？

干杯.

我正在编写一些使用 Chrome DevTools 协议控制 Chrome 的测试代码。打开网页后，我需要从页面中获取图像。获取图像 URL 很容易，但我想从 Chrome 获取实际图像而无需重新下载它们。由于测试客户端和 Web 服务器之间的带宽有限，这将有助于测试运行得更快。它还有助于测试模拟与 Web 服务器更真实的交互。

有没有办法使用 Chrome DevTools 协议获取图像？我想我可以截取每张图像的屏幕截图，但我更喜欢获得未更改的图像。或者，有没有办法从注入浏览器的脚本中访问图像？

我想知道使用js或jquery如何在加载后获得图像的大小(字节,KB,MB).我不想使用任何ajax或发送任何额外的http请求.就像我们使用$("#imageId").height()一样,我们如何获得内存大小？

我想创建一个人们可以创建万花筒的小页面.我使用可用的脚本并添加了一些图像浏览和Save-Funktionality.现在我将生成的画布数据保存为图像有一个奇怪的问题.

Firefox控制台说:SecurityError:操作不安全

• 调用失败:Canvas2Image.saveAsPNG(oCanvas);

这甚至发生在我自己的网站上的照片 - 这是什么??? 我查看了一些在stackoverflow中找到的tipps.他们都没有帮助.

• CORS没有解决问题.
• .htaccess条目无效:标题始终设置Access-Control-Allow-Origin*

另一个人似乎有同样的问题: 如何允许跨域访问imgs和画布？

任何人都可以帮我解决这个奇怪的事情吗？

非常感谢!

这是测试网站:http://www.13lumen.de/kaleidoscopetest