相关疑难解决方法(0)

如何使用Javascript/HTML进行简单的图像上传

有没有人知道如何进行简单的图像上传并在页面上显示它.

这就是我要找的东西.

  • 用户(我)将选择一个图像
  • 该页面将显示图像而不刷新页面或转到另一个文件.
  • 多个<img src>会做,因为我需要显示不同的图像大小.

这是我的代码.(其中一些是编辑的,我从这里得到它)

<style>
    /* Image Designing Propoerties */
    .thumb {
        height: 75px;
        border: 1px solid #000;
        margin: 10px 5px 0 0;
    }
</style>

<script type="text/javascript">
    /* The uploader form */
    $(function () {
        $(":file").change(function () {
            if (this.files && this.files[0]) {
                var reader = new FileReader();

                reader.onload = imageIsLoaded;
                reader.readAsDataURL(this.files[0]);
            }
        });
    });

    function imageIsLoaded(e) {
        $('#myImg').attr('src', e.target.result);
        $('#yourImage').attr('src', e.target.result);
    };

</script>


<input type='file' />
</br><img id="myImg" src="#" alt="your image" height=200 …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

53
推荐指数
3
解决办法
22万
查看次数

如何下载base64编码的图像?

我有一个来自服务器的base64编码图像,我想通过JavaScript强制下载.有可能吗?

html javascript base64 image

9
推荐指数
7
解决办法
3万
查看次数

标签 统计

html ×2

javascript ×2

base64 ×1

image ×1

jquery ×1