简单好用的无刷新上传插件

简介: html代码js代码 //文件上传 function doUpload() { // 上传方法 $.

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

目录
相关文章
|
4月前
|
JSON JavaScript 前端开发
用js脚本下载某书的所有文章
用js脚本下载某书的所有文章
|
9月前
|
前端开发
ueditor 百度富文本编辑器后端配置(上传图片)
ueditor 百度富文本编辑器后端配置(上传图片)
355 0
|
JavaScript
JS批量下载网页中的图片!
JS批量下载网页中的图片!
|
JavaScript 前端开发
干货 | web自动化总卡在文件上传和弹框处理上?
在有些场景中,需要上传文件,而 Selenium 无法定位到弹出的文件框,以及网页弹出的提醒。这些都是需要特殊的方式来处理。 input 标签使用自动化上传,先定位到上传按钮,然后 send_keys 把路径作为值给传进去. 如图所示,是企业微信文件上传的页面 定位到标签为 input,type 为 file 的元素信息,然后使用 send_keys 把文件路径作为值给传进去。 ![](h
|
前端开发 JavaScript
JS - 原生js实现 网页截图(+下载截图) 功能
实现:html2canvas + canvas.toDataURL 首先,引入依赖插件: import { html2canvas } from './html2canvas'; html2canvas截图模糊处理:   1 /*图片跨域及截图模糊处理*/ 2 let canvasContent = document.
4034 0
|
存储 前端开发 JavaScript
移动端实现多图上传、文件上传及下载和vue多图片上传组件
js+css实现手机端的多图片上传,为了方便使用,css和js都未内联,为性能建议使用时改为外联; 如要用到pc端,直接去掉px转换为rem的js代码,修改单位即可; 因multiple在安卓手机中不兼容,所以在安卓上只能一次选中一张图片,在iOS系统...
5289 0