输入类型文件未正确将图像放入图像标记

我正在研究某些问题并回答了问题，但我需要一个不同的用途。 我有一个如何工作的jsFiddle。 http://jsfiddle.net/TbZzH/4/

这很好，花花公子，但是当我在我的代码中执行它时，它会告诉我data.files [0]不起作用，并且据说是未定义的。 它也无法识别FileReader（）对象。

我的代码如下，使用jsFiddle作为我工作的一个例子。

$(function(){ $("input[type='file'].attribute").on("change", function () { updateDesigner(this); }); }); function updateDesigner(input){ var t = input; if ($(input).attr("type") == 'file'){ try{ var data = $(t)[0]; var file = data.files[0]; //<------ FAILS HERE. .files is an undefined attr. var reader = new FileReader(); //<--- working around it, doesnt understand this object as well reader.onload = function (e) { value = e.target.result; } reader.readAsDataURL(file); }catch(errrrr){ alert("error putting image into image tag: "+errrrr.toString()); } } srcFunction(value); //takes the value and applied it to the src attr of the image tag. } 

我想将数据输入值，一切都会顺利进行，但我不确定是怎么回事。

Answer 1

虽然IE使用了一些例子，但这里的问题似乎与网站“信任”和“安全性”有关。

要获得静态图像以显示在计算机屏幕上，我需要将其设置为可信站点以及将其重新路由到https