如果您对http://119.7.222.212:9090/monitor/感兴趣，那么本文将是一篇不错的选择，我们将为您详在本文中，您将会了解到关于http://119.7.222.212:9090
如果您对http://119.7.222.212:9090/monitor/感兴趣，那么本文将是一篇不错的选择，我们将为您详在本文中，您将会了解到关于http://119.7.222.212:9090/monitor/的详细内容，并且为您提供关于20190908write from memory、909422229_ Oracle 11g R2安装手册(图文教程)For Windows、909422229_20多个常用的免费WebService接口、909422229_ajaxFileUpload上传文件的有价值信息。
本文目录一览：- http://119.7.222.212:9090/monitor/
- 20190908write from memory
- 909422229_ Oracle 11g R2安装手册(图文教程)For Windows
- 909422229_20多个常用的免费WebService接口
- 909422229_ajaxFileUpload上传文件
http://119.7.222.212:9090/monitor/
http://119.7.222.212:9090/monitor/
20190908write from memory
JavaScript_Chapter1
文档名：first.js
document.write("你好,今天天气凉爽");
文档名：js_demo1.js
/*1.定义js的变量语法:
var js变量名 = 赋值;
* 2.js的数据类型有:
* string 字符串
* undefined 定义了js变量,但没有赋值时的数据类型
* object 定义的js变量赋值了null值/数组
* number 定义的js变量,数值是整型/浮点型
* boolean 定义的js变量,变量值是true/false
* 3.使用typeof(js变量)关键字查看当前js变量值的数据类型;
* 4.console.log(""); //在前台控制台显示
* */
var name = "张三";
var num1;
var num2 = null;
var num3 = 10;
var num4 = 1.01;
var bool = false;
//定义数组 方式一
//注意: Array() 数组是js提供的,直接拿来使用的,术语词叫 内置对象;
var arrs = new Array();
arrs[0] = "红灯";
arrs[1] = "黄灯";
arrs[2] = "绿灯";
//定义数组方式二
var arrs1 = new Array("春","夏","秋","冬");
//定义数组方式三
var arrs2 = [11,22,33,44,55];
/*前台控制台显示*/
console.log("name的值是:"+name);
console.log(name+"的数据类型是:"+typeof(name));
console.log("num1的值是:"+num1);
console.log(num1+"的数据类型是:"+typeof(num1));
console.log("num2的值是:"+num2);
console.log(num2+"的数据类型是:"+typeof(num2));
console.log("num3的值是:"+num3);
console.log(num3+"的数据类型是:"+typeof(num3));
console.log("num4的值是:"+num4);
console.log(num4+"的数据类型是:"+typeof(num4));
console.log("bool的值是:"+bool);
console.log(bool+"的数据类型是:"+typeof(bool));
console.log("arrs的值是:"+arrs);
console.log(arrs+"的数据类型是:"+typeof(arrs));
console.log("arrs1的值是:"+arrs1);
console.log(arrs1+"的数据类型是:"+typeof(arrs1));
console.log("arrs2的值是:"+arrs2);
console.log(arrs2+"的数据类型是:"+typeof(arrs2));
文件名：first.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>定义外部js引用</title>
</head>
<body>
</body>
<!--引用外部js文件-->
<script type="text/javascript" src="js/first.js"></script>
</html>
index.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8" />
<title>初识JavaScript</title>
</head>
<body>
<!--html注释-->
document.write("你好,今天天气不错");
document.write("<h2>你好,今天天气不错</h2>");
<br /><br />
<!--定义行内js效果
onclick: 点击事件
alert：弹框
-->
<button onclick="javascript:alert(‘你好,Js!!!‘);">普通按钮,点击弹框</button>
</body>
<!-- 书写js的编写方式: 内部定义 -->
<script type="text/javascript">
/*js语句(多行注释)*/
//js的单行注释
//向网页(客户端)中写内容 (先写注释说明下面写的代码什么意思，后写代码。)
document.write("你好,今天天气不错");
document.write("<h2 style=‘color: green;‘>你好,今天天气不错</h2>");
</script>
</html>
js_demo1.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>js的核心语法_运算符之恒等</title>
</head>
<body>
</body>
<script>
var num1 = 10;
var num2 = "10";
/**
* == 比较值是否相等
* === 比较值和对应的数据类型一起是否相等
*/
console.log(num1===num2);
</script>
</html>
js_demo2.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>js的核心语法</title>
</head>
<body>
</body>
<script src="js/js_demo1.js"></script>
</html>
js_demo3.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>js的核心语法_控制语句</title>
<style>
body{
color: green;
}
</style>
</head>
<body>
</body>
<script type="text/javascript">
var str = "";
for(var i = 1;i<=9; i++){
for(var j = 1; j<=i; j++){
str += j+"*"+i+"="+(i*j)+" ";
/*str += j+"*"+i+"="+(i*j)+"\t";*/
}
/*str += "\n";*/
str += "<br/>";
}
console.log(str);
document.write(str);
</script>
</html>
js_task1.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>统计字符串的个数(包含a或者A的个数)</title>
</head>
<body>
</body>
<script type="text/javascript">
// console.log("mm".indexOf("A"));
/* Amma Baa Caac Dewq */
var strs = ["Amma","Baa","CSssc","Dewq"];
document.write("<h2>以下字符中:</h2>");
//定义js变量,用来累计包含a或者A的字符串个数
var count = 0;
//循环遍历strs
for(var i = 0; i<strs.length; i++){
document.write(strs[i]+"<br/>");
if(strs[i].indexOf("A")!=-1 || strs[i].indexOf("a")!=-1){
//累计包含a或者A的字符串个数
count++;
}
}
document.write("包含‘a‘或者‘A‘的个数有:"+count);
//弹框显示
//alert 警告框
window.alert("包含‘a‘或者‘A‘的个数有:"+count);
</script>
</html>
js_task2.html
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>统计字符串的个数(包含a或者A的个数)</title>
</head>
<body>
<button onclick="cal();" on>计算四则运算符</button>
</body>
<script type="text/javascript">
/**
* 定义函数语法:
* function 函数名(){
* //js语法
* }
* 调用函数语法: 事件名称 = 函数名();
* js的常用事件名称:
* onclick 单击事件
* onchange 改变事件
* onload 页面加载事件
* ...
* 注:页面中所有的值都是string类型
*/
function cal(){
//window.alert("1111");
//提示框
var num1 = window.prompt("请输入一个参数");
//alert(num1+","+typeof(num1));
var num2 = window.prompt("请输入另一个参数");
var oper = window.prompt("请输入一个操作数:(+ - * /)");
/*
* 系统函数 parseInt() : 将字符串的数值类型转换成int整型
* parseFloat() : 将字符串的数值类型转换成 浮点型
*
*/
var result = 0;
//使用switch选择结构 判断当前四则运算符号
switch(oper){
case "+":
result = parseInt(num1) + parseInt(num2);
break;
case "-":
result = parseInt(num1) - parseInt(num2);
break;
case "*":
result = parseInt(num1) * parseInt(num2);
break;
case "/":
result = parseInt(num1) / parseInt(num2);
break;
}
alert(result);
}
</script>
</html>
hello.html --->浏览器端设置断点找错误
<!DOCTYPE html>
<html>
<head lang="en">
<Meta charset="UTF-8">
<title>根据时间问好</title>
<script type="text/javascript">
var myHour=prompt("请输入当前的小时数：","");
if(hour>6&&hour<13){
document.write("<h2>上午好!欢迎来到贵美</h2>");
for(var i=0;i<hour;i++){
document.write("<img src="images/smile.gif">");
}
}
else if(hour<12&&hour>21){
document.write("<h2>下午好!欢迎来到贵美</h2>");
for(var j=0;j<hour;j--){
document.write("<img src=‘images/aftermoon.gif‘>");
}
}
else{
document.write("<h2>夜深了，该休息了！</h2>");
for(var k=0,k<hour,k++){
document.write("<img src=‘images/moon.gif‘>");
}
}
</script>
</head>
<body>
</body>
</html>
课程默写：
1.JavaScript: 是基于对象和事件驱动,具有安全性的一门浏览器脚本语言,也是一门弱类型语言,
简称js,js语法和java类似,是一门解释性语言,属于边执行边解释的;
2.网页结构组成
Html CSS JavaScript
结构 样式 行为
3.JavaScript组成部分
ECMAScript : js的前身
BOM : 浏览器对象模型
DOM : 文档对象模型
4.使用js基本结构以及使用方式
//行内js定义
<button onclick="javascript:alert(‘你好,点击弹框</button>
//内部js定义
<script type="text/javascript">
<!--js语句-->
</script>
//外部js定义
<!--引用外部js文件-->
<script type="text/javascript" src="js/first.js"></script>
5.js的核心语法
变量
数据类型
运算符
数组
控制语句
输入/输出
注释
语法规定
6.js的函数分: 系统函数 、自定义函数
定义函数语法:
function 函数名(){
//js语法
}
调用函数语法: 事件名称 = 函数名();
7.js的调试
编译错误
逻辑错误
就业默写：限时做事。10min写完一个代码，和写数学题一样，有思路就好办。（）时间做完（）事情。
《Web前端技术-就业技能》
题目1)什么是HTML?
HTML是用来描述网页的一种语言。
HTML指的是超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言,而是一种标记语言(markup language)
标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页
题目2)XHTML和HTML有什么区别？
HTML是一种基本的WEB网页设计语言, XHTML是一个基于XMI的置标语言最主要的不同XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭标签名必须用小写字母XHTMI文档必须拥有根元素
题目3)什么是W3C?W3C标准包括哪些内容?
(1)World Wide Web Consortium (万维网联盟)成立于1994年, Web技术领域最权威利具影响力的国际中立性技术标准机构
(2)包括结构化标准语言(XHTML 、XML)表现标准语言(CSS)行为标准(DOM
ECMAScript）
题目4)HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加.
绘画canvas
用于媒介回放的video和audio元素
本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
sessionstorage的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如article,footer,header,nav,section表单控件: calendar,date,time,email,url,search
新的技术webworker,websocktGeolocation
移除的元素
纯表现的元素: basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素: frame,frameset,noframes;
支持HTML5新标签:
IE8/IE7/IE6支持通过document,createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。
题目5）HTML5为什么只需要写! DOCTYPE HTML？
909422229_ Oracle 11g R2安装手册(图文教程)For Windows
1、Oracle 11g R2安装手册(图文教程)For Windows
1.下载Oracle 11g R2 for Windows版本，下载地址如下
官方网站：
http://download.oracle.com/otn/nt/oracle11g/112010/win32_11gR2_database_1of2.zip
http://download.oracle.com/otn/nt/oracle11g/112010/win32_11gR2_database_2of2.zip
2.解压两个压缩包到同一目录，即"database"，然后单击解压目录下的"setup.exe"文件，如下图所示：
3.执行安装程序后会出现如下的命令提示行。
4.等待片刻之后就会出现启动画。
5.稍微等待一会，就会出现如下图所示的安装画面，取消下图所示的选中，然后单击"下一步"继续，同时在出现的信息提示框单击"是"继续。
6.之后就会出现安装选项对话框，默认点击"下一步"继续
7．之后会出现安装类型对话框，点击"下一步"继续，如果奔出你是安装在Windows Server上的话就选择服务器类。
8．然后就是安装配置，在这要注意的是：管理口令的格式要至少包含一个大写字母，一个小写字母和一个数字，否则会提示警告，正确输入后点击"下一步"继续。
9. 之后会出现"先决条件检查"对话框，选中"全部忽略"并单击"下一步"以继续。
10．之后点击"完成"就开始安装了
11．安装画面如下图所示：
12． 当上述进度到达100%时会出现线面的对话框，请耐心等待它完成。
13． 然后再弹出的确认对话框点击"确定"这时会回到主界面然后再单击"关闭"完成安装。
14． 至此，Oracle11g R2已经安装完成，你可以在开始菜单->Oracle - OraDb11g_home1->Database Control - orcl中打开访问网址。
15．登陆：在连接身份里选择"SYSDBA",再用户名处输入"sys"，密码为你最初设定的密码，点击"登陆"你就可以访问数据库了
909422229_20多个常用的免费WebService接口
天气预报Web服务，数据来源于中国气象局
Endpoint :http://www.webxml.com.cn/WebServices/WeatherWebService.asmx
disco :http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl
IP地址来源搜索 WEB 服务（是目前最完整的IP地址数据）
Endpoint:http://www.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx
disco :http://www.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl
随机英文、数字和中文简体字 WEB 服务
Endpoint:http://www.webxml.com.cn/WebServices/RandomFontsWebService.asmx
disco :http://www.webxml.com.cn/WebServices/RandomFontsWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/RandomFontsWebService.asmx?wsdl
中国邮政编码 <-> 地址信息双向查询/搜索 WEB 服务
Endpoint:http://www.webxml.com.cn/WebServices/ChinaZipSearchWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ChinaZipSearchWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ChinaZipSearchWebService.asmx?wsdl
验证码图片 WEB 服务 支持中文、字母、数字 图像和多媒体
Endpoint:http://www.webxml.com.cn/WebServices/ValidateCodeWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ValidateCodeWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ValidateCodeWebService.asmx?wsdl
Email 电子邮件地址验证 WEB 服务
Endpoint:http://www.webxml.com.cn/WebServices/ValidateEmailWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ValidateEmailWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ValidateEmailWebService.asmx?wsdl
中文简体字 <->繁体字转换WEB 服务
Endpoint:http://www.webxml.com.cn/WebServices/TraditionalSimplifiedWebService.asmx
disco :http://www.webxml.com.cn/WebServices/TraditionalSimplifiedWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/TraditionalSimplifiedWebService.asmx?wsdl
中文 <-> 英文双向翻译WEB 服务
Endpoint :http://www.webxml.com.cn/WebServices/TranslatorWebService.asmx
disco :http://www.webxml.com.cn/WebServices/TranslatorWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/TranslatorWebService.asmx?wsdl
火车时刻表 WEB 服务 （第六次提速最新列车时刻表）
Endpoint :http://www.webxml.com.cn/WebServices/TrainTimeWebService.asmx
disco :http://www.webxml.com.cn/WebServices/TrainTimeWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/TrainTimeWebService.asmx?wsdl
中国股票行情数据 WEB 服务（支持深圳和上海股市的基金、债券和股票）
Endpoint :http://www.webxml.com.cn/WebServices/ChinaStockWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ChinaStockWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ChinaStockWebService.asmx?wsdl
即时外汇汇率数据 WEB 服务
Endpoint :http://www.webxml.com.cn/WebServices/ExchangeRateWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ExchangeRateWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ExchangeRateWebService.asmx?wsdl
腾讯QQ在线状态 WEB 服务
Endpoint :http://www.webxml.com.cn/webservices/qqOnlineWebService.asmx
disco :http://www.webxml.com.cn/webservices/qqOnlineWebService.asmx?disco
WSDL :http://www.webxml.com.cn/webservices/qqOnlineWebService.asmx?wsdl
中国电视节目预告（电视节目表） WEB 服务
Endpoint :http://www.webxml.com.cn/webservices/ChinaTVprogramWebService.asmx
disco :http://www.webxml.com.cn/webservices/ChinaTVprogramWebService.asmx?disco
WSDL :http://www.webxml.com.cn/webservices/ChinaTVprogramWebService.asmx?wsdl
外汇-人民币即时报价 WEB 服务
Endpoint:http://www.webxml.com.cn/WebServices/ForexRmbRateWebService.asmx
disco :http://www.webxml.com.cn/WebServices/ForexRmbRateWebService.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ForexRmbRateWebService.asmx?wsdl
中国股票行情分时走势预览缩略图 WEB 服务
Endpoint : http://www.webxml.com.cn/webservices/ChinaStockSmallImageWS.asmx
disco :http://www.webxml.com.cn/webservices/ChinaStockSmallImageWS.asmx?disco
WSDL : http://www.webxml.com.cn/webservices/ChinaStockSmallImageWS.asmx?wsdl
国内飞机航班时刻表 WEB 服务
Endpoint :http://www.webxml.com.cn/webservices/DomesticAirline.asmx
disco : http://www.webxml.com.cn/webservices/DomesticAirline.asmx?disco
WSDL : http://www.webxml.com.cn/webservices/DomesticAirline.asmx?wsdl
中国开放式基金数据 WEB 服务
Endpoint :http://www.webxml.com.cn/WebServices/ChinaOpenFundWS.asmx
disco : http://www.webxml.com.cn/WebServices/ChinaOpenFundWS.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/ChinaOpenFundWS.asmx?wsdl
股票行情数据 WEB 服务（支持香港、深圳、上海基金、债券和股票；支持多股票同时查询）
Endpoint :http://www.webxml.com.cn/WebServices/StockInfoWS.asmx
disco :http://www.webxml.com.cn/WebServices/StockInfoWS.asmx?disco
WSDL :http://www.webxml.com.cn/WebServices/StockInfoWS.asmx?wsdl
查询手机：http://www.yodao.com/smartresult-xml/search.s?type=mobile&q=手机号码
查询IP：http://www.yodao.com/smartresult-xml/search.s?type=ip&q=IP地址
查询身份证：http://www.yodao.com/smartresult-xml/search.s?type=id&q=身份证号码
快递查询接口http://webservice.36wu.com/ExpressService.asmx
ip查询接口http://webservice.36wu.com/ipService.asmx
天气预报接口http://webservice.36wu.com/weatherService.asmx
身份证查询接口http://webservice.36wu.com/IdCardService.asmx
手机归属地接口http://webservice.36wu.com/MobilePhoneService.asmx
翻译接口http://webservice.36wu.com/TranslationService.asmx
火车时刻接口：http://webservice.36wu.com/TrainService.asmx
股票查询接口：http://webservice.36wu.com/StockService.asmx
邮编接口：http://webservice.36wu.com/ZipcodeService.asmx
二维码Web服务
http://webservice.36wu.com/DimensionalCodeService.asmx
公交查询Web服务
http://webservice.36wu.com/mapService.asmx
ISBN查询Web服务
http://webservice.36wu.com/ISBNService.asmx
ICP备案查询Web服务
http://webservice.36wu.com/ICPServic.asmx
权威周公解梦：
http://www.gpsso.com/WebService/Dream/Dream.asmx
身份证信息免费查询WEB服务
http://www.gpsso.com/webservice/idcard/idcard.asmx
IP地址来源查询
http://www.gpsso.com/WebService/IP/GetIP.asmx
手机号码归属地查询
http://www.gpsso.com/WebService/Phone/Phone.asmx
实时彩票开奖数据免费webservice
http://www.gpsso.com/webservice/caipiao/award.asmx
快递单号免费查询WEB服务(支持上百家快递和物流)
http://www.gpsso.com/webservice/kuaidi/kuaidi.asmx
火车时刻表 WEB 服务 （第六次提速最新列车时刻表）
http://webservice.webxml.com.cn/WebServices/TrainTimeWebService.asmx
国内飞机航班时刻表 WEB 服务
http://webservice.webxml.com.cn/webservices/DomesticAirline.asmx
2500多个城市天气预报 WEB服务
http://www.webxml.com.cn/WebServices/WeatherWebService.asmx
http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx
http://www.gpsso.com/webservice/weather/weatherinfo.asmx(六天 + 实时)
CIP核字号验证查询
http://www.gpsso.com/WebService/Book/BookInfo.asmx
标准图书编号ISBN查询
商品条形码查询服务
http://www.gpsso.com/WebService/GoodsCode/Gds.asmx
手机IMEI查询
http://www.gpsso.com/WebService/Phone/Phone.asmx
909422229_ajaxFileUpload上传文件
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。
我用的是这个:https://github.com/carlcarl/AjaxFileUpload
下载地址在这里：http://files.cnblogs.com/files/kissdodog/ajaxfileupload_JS_File.rar
AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。
当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。
评论里面说到的不行。那是因为我们用的不是同一个js。我上github搜AjaxFileUpload出来很多类似js。
ajaxFileUpload是一个异步上传文件的jQuery插件
传一个不知道什么版本的上来，以后不用到处找了。
语法：$.ajaxFileUpload([options])
options参数说明：
1、url 上传处理程序地址。
2，fileElementId 需要上传的文件域的ID，即<input type="file">的ID。
3，secureuri 是否启用安全提交，默认为false。
4，dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
5，success 提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
6，error 提交失败自动执行的处理函数。
7，data 自定义参数。这个东西比较有用，当有数据是与上传的图片相关的时候，这个东西就要用到了。
8,type 当要提交自定义参数时，这个参数要设置成post
错误提示:
1，SyntaxError: missing ; before statement错误
如果出现这个错误就需要检查url路径是否可以访问
2，SyntaxError: Syntax error错误
如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3，SyntaxError: invalid property id错误
如果出现这个错误就需要检查文本域属性ID是否存在
4，SyntaxError: missing } in XML expression错误
如果出现这个错误就需要检查文件name是否一致或不存在
5，其它自定义错误
大家可使用变量$error直接打印的方法检查各参数是否正确，比起上面这些无效的错误提示还是方便很多。
使用方法：
第一步：先引入jQuery与ajaxFileUpload插件。注意先后顺序，这个不用说了，所有的插件都是这样。
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="ajaxfileupload.js" type="text/javascript"></script>
第二步：HTML代码：
<body>
<p><input type="file" id="file1" name="file" /></p>
<input type="button" value="上传" />
<p><img id="img1" alt="上传成功啦" src="" /></p>
</body>
第三步：JS代码
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(":button").click(function () {
ajaxFileUpload();
})
})
function ajaxFileUpload() {
$.ajaxFileUpload
(
{
url: '/upload.aspx',//用于文件上传的服务器端请求地址
secureuri: false,//是否需要安全协议，一般设置为false
fileElementId: 'file1',//文件上传域的ID
dataType: 'json',//返回值类型 一般设置为json
success: function (data,status) //服务器成功响应处理函数
{
$("#img1").attr("src",data.imgurl);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},error: function (data,status,e)//服务器响应失败处理函数
{
alert(e);
}
}
)
return false;
}
</script>
第四步：后台页面upload.aspx代码：
protected void Page_Load(object sender,EventArgs e)
{
HttpFileCollection files = Request.Files;
string msg = string.Empty;
string error = string.Empty;
string imgurl;
if (files.Count > 0)
{
files[0].SaveAs(Server.MapPath("/") + System.IO.Path.GetFileName(files[0].FileName));
msg = " 成功! 文件大小为:" + files[0].ContentLength;
imgurl = "/" + files[0].FileName;
string res = "{ error:'" + error + "',msg:'" + msg + "',imgurl:'" + imgurl + "'}";
Response.Write(res);
Response.End();
}
}
本实例完整代码下载
来一个MVC版本的实例：
控制器代码
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult Upload()
{
HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;
string imgPath = "";
if (hfc.Count > 0)
{
imgPath = "/testUpload" + hfc[0].FileName;
string PhysicalPath = Server.MapPath(imgPath);
hfc[0].SaveAs(PhysicalPath);
}
return Content(imgPath);
}
}
前端视图，HTML与JS代码，成功上传后，返回图片真实地址并绑定到<img>的SRC地址
<html>
<head>
<script src="/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(":button").click(function () {
if ($("#file1").val().length > 0) {
ajaxFileUpload();
}
else {
alert("请选择图片");
}
})
})
function ajaxFileUpload() {
$.ajaxFileUpload
(
{
url: '/Home/Upload',//一般设置为false
fileElementId: 'file1',//文件上传空间的id属性 <input type="file" id="file" name="file" />
dataType: 'HTML',status) //服务器成功响应处理函数
{
alert(data);
$("#img1").attr("src",data);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},e)//服务器响应失败处理函数
{
alert(e);
}
}
)
return false;
}
</script>
</head>
<body>
<p><input type="file" id="file1" name="file" /></p>
<input type="button" value="上传" />
<p><img id="img1" alt="上传成功啦" src="" /></p>
</body>
</html>
最后再来一个上传图片且附带参数的实例：控制器代码：
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult Upload()
{
NameValueCollection nvc = System.Web.HttpContext.Current.Request.Form;
HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;
string imgPath = "";
if (hfc.Count > 0)
{
imgPath = "/testUpload" + hfc[0].FileName;
string PhysicalPath = Server.MapPath(imgPath);
hfc[0].SaveAs(PhysicalPath);
}
//注意要写好后面的第二第三个参数
return Json(new { Id = nvc.Get("Id"),name = nvc.Get("name"),imgPath1 = imgPath },"text/html",JsonRequestBehavior.AllowGet);
}
}
Index视图代码:
今天调试过程中发现一个问题，就是作为文件域(<input type="file">)必须要有name属性，如果没有name属性，上传之后服务器是获取不到图片的。如：正确的写法是<input type="file" id="file1" name="file1" />
最经典的错误终于找到原因所在了。Object function (a,b){return new e.fn.init(a,b,h)} has no method 'handleError'，这个是google浏览器报的错误，非常经典， 不知道是我的版本问题还是真正存在的问题。这个问题的根源经过N次上传才找到问题的根本所在。答案是：dataType参数一定要大写。如：dataType: 'HTML'。
总结
以上是小编为你收集整理的909422229_ajaxFileUpload上传文件全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
今天关于http://119.7.222.212:9090/monitor/的分享就到这里，希望大家有所收获，若想了解更多关于20190908write from memory、909422229_ Oracle 11g R2安装手册(图文教程)For Windows、909422229_20多个常用的免费WebService接口、909422229_ajaxFileUpload上传文件等相关知识，可以在本站进行查询。
本文标签：
