小编How*_*let的帖子

Javascript:显示所选图像

我试图这样做,当你选择你的图像时,它会直接显示它.当然你onchange在html 的东西中这样做.这就是我现在所拥有的:

function showImage(src, target) {
    var fr = new FileReader();

    fr.onload = function (e) { target.src = this.result; };

    src.addEventListener("change", function () {

        fr.readAsDataURL(src.files[0]);
    });

}
function putImage() {
    var src = document.getElementById("select_image");
    var target = document.getElementById("target");
    showImage(src, target);
}
Run Code Online (Sandbox Code Playgroud)
<img id="target" />
<input type="file" id="select_image" name="image" onchange="putImage()"> </input>
Run Code Online (Sandbox Code Playgroud)

这对我来说不是很奇怪.因为onchange有效.我可以通过警告事件来测试它.这很好用.javascript也适用于jsfiddle ..但这些东西并没有合并.我希望有人能帮帮忙

html javascript jquery

2
推荐指数
1
解决办法
6376
查看次数

window.history.back() 在 Chrome 中无法正常工作,在 Mozilla 中工作

我有 2 个按钮Submit,用于发布数据并从服务器获取验证错误,以及一个Cancel调用window.history.back().

我点击SubmitX 次(由于来自服务器的验证错误,帖子出现/停留在页面上)

Chrome 上,我需要单击CancelX 次才能返回上一页。

Mozilla 上,我只需要单击Cancel一次。

我猜 Chrome 会计算历史记录中的 POST 请求/直接返回,但 Mozilla 不会。我不熟悉它的工作原理或 jquery。我能做些什么来解决这个问题吗?

编辑:按照建议对链接中的网址进行硬编码。稍后会回来尝试看看我是否可以通过将引用页面 url 发送到编辑表单以加载到Cancel按钮中来做到这一点,如果没有人打败我的话。

…
{{ Form::submit('Create', array('class'=>'btn btn-info')) }}
    <a href="{{ URL::previous() }}" class="back btn btn-danger">Cancel</a>
{{ Form::close() }}

<script type="text/javascript">
    $(document).ready(function() {
        $('a.back').click(function(e) {
            e.preventDefault();
            window.history.back();
            return false;
        });
    });
    …
</script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery laravel

1
推荐指数
1
解决办法
5613
查看次数

标签 统计

javascript ×2

jquery ×2

html ×1

laravel ×1