javascript - 替代 FileReader() javascript

标签 javascript html css filereader

在这种情况下,我几乎不知道如何想出 FileReader() 的替代方案。我知道如果 FileReader() 未定义我可以调用来做其他事情,但我还有什么选择。

谢谢,

HTML -

<form method='post' enctype='multipart/form-data' action='#'>
<div style="height: 200px;">
<div class="droparea spot logoupload">
<div class="instructions"><img class="previewlogo" src="http://wmemusic.com/wme/admin/img/loginlogo.jpg" alt="Click or Drag image here to add login logo"/>
</div>
<input type="file" class="droparea spot logoupload" name="logo" onchange="readURL(this);"/>
</div>
</div>
</form>

CSS -

.droparea {
                position:relative;
                text-align: center;
                min-height:100px;
                margin:0;
            }

            .droparea div, .droparea input {
                position: absolute;
                top:0;
                right:2px;
                width: 100%;
                height: 100%;
            }
            .droparea input {
                cursor: pointer; 
                opacity: 0; 
            }
            .droparea .instructions {
                border: 2px dashed #ddd;
                max-height:200px;
                height:auto;
                min-height:100px;
                overflow:hidden
            }
            .droparea .instructions.over {
                border: 2px dashed #000;
                background: #ffa;
            }


            #areas { width: 480px; }
            div.spot {

                margin: 5px auto;

            }
          .logoupload {width: 262px;
                min-height: 100px;
                height:auto;}

JavaScript -

function readURL(input) {
if (input.files && input.files[0]) {
    var reader = new FileReader();
    var imgHeight = $(".previewlogo").height();

    reader.onload = function(e) {
        $('.previewlogo').attr('src', e.target.result)
        $('.droparea').attr('style', 'height:', imgHeight, 'px;')
    };

    reader.readAsDataURL(input.files[0]);
}
}

我可以使用它来检测它:if (typeof FileReader !== "undefined")

最佳答案

fileReader 是在 Safari v.6 中实现的。对于旧版本,使用 Post Ajax 请求到将回显数据的简单 PhP 脚本。

关于javascript - 替代 FileReader() javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8794782/

相关文章:

html - 使用 HTML/CSS GUI 在 Ubuntu 上开发 native 应用程序?

javascript - 如何使用JS/Jquery替换重复的CSS样式——嵌套列表

javascript - 如何在 d3 条形图中左对齐刻度

javascript - Lab.js 和 jQuery 与 $(window).load(function() 过早触发

javascript - 图像悬停时的 jQuery 简单文本更改

javascript - 如何在元素上设置默认 focus()

html - CSS 规则可减小当前元素下方所有元素的字体大小

javascript - 使用 JavaScript 将按钮的值存储在变量中

javascript - 悬停到不同的 div 后显示 div 内容

html - 如何使用输入按钮和文本大小按钮设置 td 样式?