$("input[type='file']").on('change', function () {
var oFReader = new FileReader();
var file = document.getElementById('input-file').files[0];
oFReader.readAsDataURL(file);
oFReader.onloadend = function(oFRevent){
var src = oFRevent.target.result;
$('.content').attr('src',src);
alert(src);
}
});
分享到：
相关推荐
自己项目中遇到上传时fakepath的问题，通过这个js解决
在IE8中，当用户通过`<input type="file">`标签选择一个文件后，使用JavaScript的`File`对象或`HTML5`的`FileReader` API尝试访问文件路径时，浏览器并不会返回实际的文件系统路径，而是返回一个虚构的"C:\fakepath...
然而，在实际应用中，开发者有时会遇到一些特定的问题，比如在使用`<input type="file" />`元素进行图片上传时，Chrome浏览器会显示一个特殊的路径"C:\fakepath"，这可能会给用户带来困扰或误解。本篇将详细讲解这个...
iframe.contentDocument.body.lastChild.src = 'fakepath://' + file.name; // 替换为实际路径 iframe.contentDocument.body.lastChild.onload = function() { var img = document.getElementById('preview'); ...
文件路径的处理可能是这样的：对于IE，代码会获取到一个类似于"C:\fakepath\image.jpg"的假路径；而FF则会返回实际的文件系统路径，但出于安全考虑，开发者不能直接访问。因此，对于FF，我们只需要关注File API即可...
当然，出于安全原因，这个路径可能是一个伪造的路径（例如`C:\fakepath\filename`），并不指向实际文件位置。 2. 获取文件名 通过监听`change`事件，我们可以通过事件对象`e`来访问`e.currentTarget.files[0].name`...
前端想实现图片上传预览（不经过后端PHP或JAVA处理），用户点击file按钮上传文件，点击确定马上就能看到预览的效果，但在实现的时候无论怎样都取不到file上图片的真实路径，得到的反而是C:\fakepath\a.jpg，这个路径...
例如，IE可能会在文件名中添加额外的字符，如`C:\fakepath\`，服务器端需要正确解析和处理这种情况。 总之，实现图片上传兼容IE需要对不同浏览器的特性有深入理解，并采用适当的兼容性策略。利用现有的开源库和工具...
在调试过程中可能会遇到`c:/fakepath/`的问题，这是浏览器为了安全考虑，显示的虚拟路径。在实际操作中，你需要通过Ajax发送的是服务器可以访问的真实路径，而不是这个虚拟路径。 总结起来，通过结合JavaScript和...
- 首先，定义一个名为 `chksize` 的函数，这个函数会获取文件输入元素 `txtfile` 的值，并进行后续操作。 - 使用 `select()` 方法选取文件路径，然后通过 `document.selection.createRange().text` 获取实际文件名...
请注意，上述代码中关于Win7/IE8的注释指出，在这些环境下，返回的路径可能是`C:\fakepath\`，而不是实际路径，这是由于安全策略的改变。在某些情况下，选择快捷方式时，返回的是快捷方式本身的名称而非目标文件的...
Javascript ajax实现获取文件大小的方法。 顾名思义，通过JS和Ajax来获取上传文件的大小，在上传之前可以有个判断，对上传的文件有所控制，因为js控制文件大小（JS获取文件大小）有些问题... var file1=document.getEl
例如，IE浏览器会返回"C:\\fakepath\\test.txt"来代替真实的"D:\\temp\\file\\test.txt"。这样做的目的是为了防止脚本通过用户选择的文件来获取用户的本地文件系统信息，从而避免安全风险。 在描述中提到，用户想要...
ControlSetText("[CLASS:#32770]", "Edit1", "C:\fakepath\file.png") ControlClick("[CLASS:#32770]", "Button1") ``` 注意： - `[CLASS:#32770]` 表示窗口类名为 `#32770` 的窗口。 - `"Edit1"` 和 `"Button1"` ...
" class="btn files"> <input id="txt_userfile" name="txt_userfile" type="file" onchange="show_uploadfile();" /> （未选择文件） 您可以上传小于<span class="red">50MB的文件 ...