不使用插件，如何实现无刷新上传文件？

Answer 1

说说思路吧:无刷新上传文件,利用ajax技术,将文件通过post的形式传给后台,在success的回调函数中对当前进行刷新就行!

这里有个表单的样例,都是一样的,你看看:

$(function(){
   $('#send').click(function(){
        $.ajax({
            type: "POST",
            url: "test/demo",
            data: {username:$("#username").val(), content:$("#content").val()},
            dataType: "json",
            success: function(data){
                        $('#resText').empty();   //清空resText里面的所有内容
                        var html = '';
                        $.each(data, function(commentIndex, comment){
                              html += '<div class="comment"><h6>' + comment['username']                                         + ':</h6><p class="para"' + comment['content']                                         + '</p></div>';
                        });
                        $('#resText').html(html);
                     }
        });
   });
});

这样,只要成功后就会无刷新的更新页面!

当然这个用了jquery,如果想用纯javascript,可以百度一下,demo一大堆!思路都是一样的