javascript - 用图像做事

Question

我有以下输入

<input class="text-right" type="file" id="cameraupload" name="upload" accept="image/*"/></input>

如何使用 jQuery（或必要时使用 javascript）来获取上传的内容并将其放在 div 中的页面上

Answer 1

试试这个：

<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
</form>

<script>
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgInp").change(function(){
        readURL(this);
    });
</script>