Javascript 显示预览图像，在提交表单上上载

我正在使用jquery插件transloadit将图像上传到我的amazon s3存储桶。
现在我只需简单地调整大小并上传到amazon上的“我的图像”文件夹

现在我想在表单中与其他输入字段一起使用uploader。如果在单击“图像上载”按钮时选择了一张图片，则可以预览该图像，但该图像尚未上载。当你点击整个表单的“提交”时，图像就会被上传

有人能帮我吗？还是让我走

这是我上传图片到亚马逊的代码：

<form id="UploadForm" action="/index/upload" enctype="multipart/form-data" method="POST">
<input type="file" name="my_file" multiple="multiple" />

试试文件阅读器

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);
});

---

当我在代码中使用此方法时，不会调用change方法。我已尝试在我的更改功能中使用警报，但它不会触发..：/图像输入文件的id是什么？您是否在代码中更改了它？然后如何作为表单的一部分提交？

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);
});