簡單好用的無刷新上傳插件

html代碼

<input type="button" onclick="doUpload()" value="點擊上傳" class="del_all"  style="width:80px;height:25px;line-height:25px;margin:0px;">

js代碼

<script src="Scripts/jquery.upload.js" type="text/javascript"></script>
<script type="text/javascript">
            //文件上傳
            function doUpload() {
                // 上傳方法
                $.upload({
                    // 上傳地址
                    url: '/web_message/upload.ashx',
                    // 文件功能變數名稱字
                    fileName: 'filedata',
                    // 其他表單數據
                    params: { name: 'pxblog' },
                    // 上傳完成後, 返回json, text
                    dataType: 'json',
                    // 上傳之前回調,return true表示可繼續上傳
                    onSend: function () {
                        return true;
                    },
                    // 上傳之後回調
                    onComplate: function (data) {
                        $("#userface").attr("src", data);
                        $("#imgsrc").attr("value", data);
                    }
                });
            }
</script>

上傳服務端代碼

查看博客c#最齊全的上傳文件方法

附近下載

上傳文件js