jQuery是一个强大的JavaScript库，它使得Web开发更加方便、高效。其中一个功能是无刷新上传图片，可以大大提升用户的体验。下面我们来了解一下如何使用jQuery实现无刷新上传图片。

<script type="text/javascript">
$(document).ready(function(){
    $("#upload-btn").click(function(){
        var formData = new FormData();
        formData.append('file', $('#file-input')[0].files[0]);
        $.ajax({
            url: 'upload.php',
            type: 'POST',
            data: formData,
            dataType: 'json',
            contentType: false,
            processData: false,
            success: function(response){
                if(response.status == 1){
                    // 上传成功
                    $("#preview").attr("src", response.data.image_url);
                } else {
                    // 上传失败
                    alert(response.msg);
                }
            }
        });
    });
});
</script>

上述代码会在文档加载后为上传按钮添加点击事件。当点击上传按钮时，会获取文件并使用FormData构建表单数据，然后使用jQuery的ajax方法发送POST请求，上传文件到服务器的upload.php文件。访问成功后，会根据服务器的返回值来更新页面中的图片。如果上传失败，则会弹出错误提示。

需要注意的是，由于无刷新上传使用了AJAX，因此需要确保服务器允许AJAX请求，并且需要设置CORS。此外，在前端页面中需要附加一个文件上传表单，以便从用户本地选择和上传图片。