web前端|js教程
JQuery,ajaxfileupload.js,异步上传文件
web前端-js教程
在服务器端做文件上传的过程中,如果使用web服务器短端的上传控件去上传文件的话,会导致页面刷新一次,这样对用户的体验就不是很友好了。ajaxfileupload.js是一款jQuery的异步上传文件插件,使用简单且容易上手。
影视源码vip采集,如何在vscode中预览,ubuntu 联网方式,本地tomcat服务启动,搜狗文章爬虫,php 输出数组到文件,seo关键字怎么写好,数据录入查询系统 网站源码下载,广告网模板lzw
前置条件:ajaxfileupload.js文件,百度下载一个就行。
传奇游戏服务器源码,vscode收起,ubuntu刻录软件,tomcat发音,sqlite c 图片,服务器需要上云吗,jquery弹框插件,前端css框架源码,python 3.5爬虫,php布尔类型,关于seo培训,易语言构建php网站程序,仿qq空间网页代码,国庆主题网页模板,js点击按钮弹出新页面,广告管理系统php,网站程序定制lzw
JS引用:
多用户blog系统源码,开机Ubuntu新建用户,启动了tomcat7服务,python高级爬虫教程,php制作银行回执单,网站SEO哪lzw
html代码:
JS代码:
function saveCInfo() {
var filename = document.getElementById("fileToUpload").value;
if (filename != "") {
$.ajaxFileUpload({
url: ../Order/OrderExec.ashx?oprMode=fileUpload + "&filename=" + filename + "&billno=" + billno + "&companyname=" + companyname,
secureuri: false,
fileElementId: fileToUpload,//上传控件ID
//dataType: json,
error: function () { alert(error); },
success: function (datax) {
if (datax != "") {
msgShow(系统提示, 上传成功!, info);
} else {
msgShow(系统提示, 上传失败!, info);
}
}
});
} else {
$.messager.alert(提示, 请选择上传文件, info);
}
}
后台代码:
public void FileUpload(HttpContext context)
{
try
{
context.Response.ContentType = "text/html";
string companyname = context.Request.Params["companyname"];
string billno = context.Request.Params["billno"];
string filename = context.Request.Params["filename"];
string name = companyname + "_" + billno + "_" + filename;
HttpFileCollection files = HttpContext.Current.Request.Files;
//指定上传文件在服务器上的保存路径
string savePath = context.Server.MapPath("~/upload/");
//检查服务器上是否存在这个物理路径,如果不存在则创建
if (!System.IO.Directory.Exists(savePath))
{
System.IO.Directory.CreateDirectory(savePath);
}
savePath = savePath + name;//上传文件路径
files[0].SaveAs(savePath);//保存文件
context.Response.Write(savePath);
}
catch (Exception ex)
{
context.Response.Write("FileUpload: " + ex.Message);
}
}