duanqian2368 2014-06-01 07:57
浏览 40
已采纳

通过ajax和jquery从另一个php文件上传后显示图像

When the page is loaded, the image specified in src is displayed.When a user clicks on the form to upload the image,everything works fine except the image on the page does not change. It is because when the user clicks on the form to upload the image, he is directed to php file 2 but from there there is no request to change the image in php file 1. How can I achieve this (using ajax and jquery)?

  • 写回答

2条回答 默认 最新

  • dqwp81696 2014-06-01 12:36
    关注

    Try this code. This is the core.

    <html>
        <head>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function(){
                $('#imgInp').on('change', function() {
                readPath(this);
                });
                });
    
                function readPath(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]);
                    }
                }
            </script>
        </head>
        <body>
    <form id="form1">
        <input type='file' id="imgInp" />
        <img id="blah" src="#" width="500px" height="200px" alt="your image" />
    </form>
    
        </body> 
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?