-A RH-Firewall-1-INPUT -m state --state NEW -m tcp -p tcp --dport 8080 -j ACCEPT
#,广西河池市宜州市,2018-08-01,10:18:13, 输入 service iptables restart Redirecting to /bin/systemctl restart iptables.service Failed to restart iptables.service: Unit not found. 被完美解决！！！
#,广西河池市宜州市,2018-08-01,10:18:26, “ 查看 firewall-cmd --zone= public --query-port=80/tcp ” 这个语句输入后报错 “ usage: see firewall-cmd man page firewall-cmd: error: unrecognized arguments: public ” 将语句修改为 “ firewall-cmd --query-port=80/tcp ” 后可以使用
#,广西河池市宜州市,2018-08-01,10:18:44, Failed to start iptables.service: Unit not found. 这个错误也可以解决...
FormData属于h5的内容所以，浏览器兼容不是很好，下面是一种polyfill，inspired by francois2metz/html5-formdata
(function(w) {
if (w.FormData)
return;
function FormData() {
this.boundary = "--------FormData" + Math.random();
this._fields = [];
}
FormData.prototype.append = function(key, value) {
this._fields.push([key, value]);
}
FormData.prototype.toString = function() {
var boundary = this.boundary;
var body = "";
this._fields.forEach(function(field) {
body += "--" + boundary + "\r\n";
// file upload
if (field[1].name) {
var file = field[1];
body += "Content-Disposition: form-data; name=\""+ field[0] +"\"; filename=\""+ file.name +"\"\r\n";
body += "Content-Type: "+ file.type +"\r\n\r\n";
body += file.getAsBinary() + "\r\n";
} else {
body += "Content-Disposition: form-data; name=\""+ field[0] +"\";\r\n\r\n";
body += field[1] + "\r\n";
}
});
body += "--" + boundary +"--";
return body;
}
w.FormData = FormData;
var _send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(data) {
if (data instanceof FormData) {
xhr.setRequestHeader("Content-Type", "multipart/form-data;boundary="+ data.boundary);
return xhr.sendAsBinary(data.toString());
}
return _send.call(this, data);
};
})(window);
Run code
Cut to clipboard
像这样使用
var data = new FormData();
data.append('file', document.getElementById('file').files[0]);
xhr.open('POST', '/', true);
xhr.onprogress = (function(){
var progress = 0;
return function(evt){
var p = ~~(evt.loaded*1000/evt.total)
p /= 1000
if(progress !=== p){
progress = p
console.log('progress: ', p)
}
}
})();
#457
#458
CentOS7中执行
service iptables start/stop
会报错Failed to start iptables.service: Unit iptables.service failed to load: No such file or directory.
在CentOS 7或RHEL 7或Fedora中防火墙由firewalld来管理，
如果要添加范围例外端口 如 1000-2000
语法命令如下：启用区域端口和协议组合
firewall-cmd [--zone=<zone>] --add-port=<port>[-<port>]/<protocol> [--timeout=<seconds>]
此举将启用端口和协议的组合。端口可以是一个单独的端口 <port> 或者是一个端口范围 <port>-<port> 。协议可以是 tcp 或 udp。
实际命令如下：
添加
firewall-cmd --zone=public --add-port=80/tcp --permanent （--permanent永久生效，没有此参数重启后失效）
firewall-cmd --zone=public --add-port=1000-2000/tcp --permanent
重新载入
firewall-cmd --reload
查看
firewall-cmd --zone=public --query-port=80/tcp
删除
firewall-cmd --zone=public --remove-port=80/tcp --permanent
当然你可以还原传统的管理方式。
执行一下命令：
systemctl stop firewalld
systemctl mask firewalld
并且安装iptables-services：
yum install iptables-services
设置开机启动：
systemctl enable iptables
systemctl stop iptables
systemctl start iptables
systemctl restart iptables
systemctl reload iptables
保存设置：
service iptables save
OK，再试一下应该就好使了
开放某个端口 在/etc/sysconfig/iptables里添加
-A RH-Firewall-1-INPUT -m state --state NEW -m tcp -p tcp --dport 8080 -j ACCEPT
输入 service iptables restart
Redirecting to /bin/systemctl restart iptables.service
Failed to restart iptables.service: Unit not found.
被完美解决！！！
“ 查看 firewall-cmd --zone= public --query-port=80/tcp ” 这个语句输入后报错 “ usage: see firewall-cmd man page firewall-cmd: error: unrecognized arguments: public ” 将语句修改为 “ firewall-cmd --query-port=80/tcp ” 后可以使用
#459
1.1 Nginx如果未开启SSL模块，配置Https时提示错误
nginx: [emerg] the "ssl" parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:37原因也很简单，nginx缺少http_ssl_module模块，编译安装的时候带上--with-http_ssl_module配置就行了，但是现在的情况是我的nginx已经安装过了，怎么添加模块，其实也很简单，往下看： 做个说明：我的nginx的安装目录是/usr/local/nginx这个目录，我的源码包在/usr/local/src/nginx-1.6.2目录
1.2 Nginx开启SSL模块
切换到源码包：
cd /usr/local/src/nginx-1.11.3查看nginx原有的模块
/usr/local/nginx/sbin/nginx -V在configure arguments:后面显示的原有的configure参数如下：
--prefix=/usr/local/nginx --with-http_stub_status_module那么我们的新配置信息就应该这样写：
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module运行上面的命令即可，等配置完
配置完成后，运行命令
make这里不要进行make install，否则就是覆盖安装
然后备份原有已安装好的nginx
cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak然后将刚刚编译好的nginx覆盖掉原有的nginx（这个时候nginx要停止状态）
cp ./objs/nginx /usr/local/nginx/sbin/然后启动nginx，仍可以通过命令查看是否已经加入成功
/usr/local/nginx/sbin/nginx -VNginx 配置Http和Https共存
server { listen 80 default backlog=2048; listen 443 ssl; server_name wosign.com; root /var/www/html; ssl_certificate /usr/local/Tengine/sslcrt/ wosign.com.crt; ssl_certificate_key /usr/local/Tengine/sslcrt/ wosign.com .Key; }把ssl on；这行去掉，ssl写在443端口后面。这样http和https的链接都可以用
Nginx 配置SSL安全证书重启避免输入密码
可以用私钥来做这件事。生成一个解密的key文件，替代原来key文件。
openssl rsa -in server.key -out server.key.unsecureNginx SSL性能调优
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES256-SHA384:AES256-SHA256:RC4:HIGH:!MD5:!aNULL:!eNULL:!NULL:!DH:!EDH:!AESGCM; ssl_prefer_server_ciphers on; ssl_session_cache shared:SSL:10m; ssl_session_timeout 10m;Nginx 配置Http跳转Https
server { listen 80; server_name www.域名.com; rewrite ^(.*) https://$server_name$1 permanent; } server { listen 443; server_name www.域名.com; root /home/www; ssl on; ssl_certificate /etc/nginx/certs/server.crt; ssl_certificate_key /etc/nginx/certs/server.key; }#460
查看了所运行的端口
>
netstat -anp解决办法：
进入防火墙配置文件看看了
vim /etc/sysconfig/iptables
// 看看有没有443的文件,没有的话在改文件中添加下面这行
>-A INPUT -m state --state NEW -m tcp -p tcp --dport 443 -j ACCEPT
再次注意，
>-A INPUT -j REJECT –reject-with icmp-host-prohibited
添加的新的那句需要在这句的前面，否则443端口也有问题
原因是这条规则的作用是拒绝所有-j REJECT 在iptables帮助文档里面有一下说明This is used to send back an error packet in response to the matched packet
就是表明拒绝你，并返回一个错误连接信息。请求没到nginx那，肯定没有状态码返回，同时你的浏览器返回的只能是无法连接。
如果返回404，403等等，那说明是nginx的配置等因素；
/usr/local/nginx/sbin/nginx -s reload nginx: [error] invalid PID number "" in "/usr/local/nginx/logs/nginx.pid" 解决方法： /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf 使用nginx -c的参数指定nginx.conf文件的位置 [root@localhost nginx]# cd logs/ [root@localhost logs]# ll 总用量 12 -rw-r--r-- 1 root root 1246 12月 9 18:10 access.log -rw-r--r-- 1 root root 516 12月 10 15:39 error.log -rw-r--r-- 1 root root 5 12月 10 15:38 nginx.pid 看nginx.pid文件已经有了#461
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5实现图形挤压变形效果DEMO演示</title> <style> /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body { background: #000; } .zone { width: 800px; height: 600px; background: #000; margin: auto; -webkit-filter: blur(15px) saturate(800%); filter: blur(15px) saturate(800%); cursor: none; } .zone .blob { width: 90px; height: 67.5px; margin: 20px 20px; background: red; float: left; border-radius: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .zone .repulse { width: 90px; height: 67.5px; background: lightblue; display: block; position: absolute; border-radius: 100%; -webkit-filter: saturate(600%); filter: saturate(600%); } </style> </head> <body> <div class="zone"> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <span class="repulse"></span> </div> <script src='https://lizhenqiu.com/templates/default/jquery.min.js'></script> <script>$(document).on('mousemove', function(e){ $('.repulse').css({ left: e.pageX, top: e.pageY }); });</script> </body> </html>#462
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器时下窗口可视区域宽度 alert($(document).width());//浏览器时下窗口文档对于象宽度 alert($(document.body).width());//浏览器时下窗口文档body的高度 alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度 alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度#463
#464
(function() { var N; $(function() { window.giffy_bp_0013 = { canvas: null, ball: [], ballImageResource: [], subBall: [], subBallImageResource: [], actionCount: [], timerId: null, waitCnt: 0, curBallIdx: 0, mouseX: 0, mouseY: 0, init: function() { for (i = 0; i < 1; i++) { var j = "/mouse_star/subball" + (i + 1) + ".png"; giffy_bp_0013.ballImageResource[i] = new Image; giffy_bp_0013.ballImageResource[i].src = j } for (i = 0; i < 8; i++) j = "/mouse_star/subball" + (i + 1) + ".png", giffy_bp_0013.subBallImageResource[i] = new Image, giffy_bp_0013.subBallImageResource[i].src = j; for (i = 0; i < 20; i++) { giffy_bp_0013.ball[i] = $("<div />", { id: "giffy_bp_0013_ball_" + i, no: i, css: { position: "absolute", visibility: "hidden", zIndex: "10000" }, html: "", click: function() {} }).appendTo("body"); giffy_bp_0013.subBall[i] = []; for (n = 0; n < 3; n++) giffy_bp_0013.subBall[i][n] = $("<div />", { id: "giffy_bp_0013_subball_" + i + "_" + n, no: i, subno: n, css: { position: "absolute", visibility: "hidden", zIndex: "10000" }, html: "", click: function() {} }).appendTo("body"); giffy_bp_0013.actionCount[i] = 0 } $("html").mousemove(function(j) { giffy_bp_0013.mouseX = j.pageX; giffy_bp_0013.mouseY = j.pageY; if (giffy_bp_0013.waitCnt == 0 && giffy_bp_0013.actionCount[giffy_bp_0013.curBallIdx] == 0) giffy_bp_0013.waitCnt = 2, giffy_bp_0013.actionCount[giffy_bp_0013.curBallIdx] = 1, giffy_bp_0013.curBallIdx = giffy_bp_0013.curBallIdx == 19 ? 0 : giffy_bp_0013.curBallIdx + 1 }); timerId = setInterval("giffy_bp_0013.action()", 50) }, action: function() { for (i = 0; i < 20; i++) switch (giffy_bp_0013.actionCount[i]) { case 1: var j = giffy_bp_0013.ballImageResource[giffy_bp_0013.getRandomNum(1)]; giffy_bp_0013.ball[i].css({ background: "url(" + j.src + ") no-repeat", height: j.height, width: j.width }); giffy_bp_0013.move(giffy_bp_0013.ball[i], { top: giffy_bp_0013.mouseY + 10, left: giffy_bp_0013.mouseX + 10 }); giffy_bp_0013.animateY(giffy_bp_0013.ball[i], giffy_bp_0013.mouseY, 100, "swing", function() { giffy_bp_0013.actionCount[$(this).attr("no")] = 2 }); giffy_bp_0013.setVisible(giffy_bp_0013.ball[i]); giffy_bp_0013.actionCount[i] = 0; break; case 2: giffy_bp_0013.setHidden(giffy_bp_0013.ball[i]); var l = giffy_bp_0013.ball[i].position(); for (n = 0; n < 3; n++) giffy_bp_0013.move(giffy_bp_0013.subBall[i][n], l), giffy_bp_0013.animateRandomXY(giffy_bp_0013.subBall[i][n], l.left - 30, l.left + 30, l.top, l.top + 30, 200, "swing", function() { $(this).attr("subno") == 2 && (giffy_bp_0013.actionCount[$(this).attr("no")] = 3) }), j = giffy_bp_0013.subBallImageResource[giffy_bp_0013.getRandomNum(8)], giffy_bp_0013.subBall[i][n].css({ background: "url(" + j.src + ") no-repeat", height: j.height, width: j.width }), N || giffy_bp_0013.setOpacity(giffy_bp_0013.subBall[i][n], 1), giffy_bp_0013.setVisible(giffy_bp_0013.subBall[i][n]); giffy_bp_0013.actionCount[i] = 0; break; case 3: for (n = 0; n < 3; n++) l = giffy_bp_0013.subBall[i][n].position(), N ? giffy_bp_0013.animateRandomXY(giffy_bp_0013.subBall[i][n], l.left, l.left, l.top + 10, l.top + 50, 1E3, "linear", function() { $(this).attr("subno") == 2 && (giffy_bp_0013.actionCount[$(this).attr("no")] = 4) }) : giffy_bp_0013.animateRandomXYFadeout(giffy_bp_0013.subBall[i][n], l.left, l.left, l.top + 10, l.top + 50, 1E3, "linear", function() { $(this).attr("subno") == 2 && (giffy_bp_0013.actionCount[$(this).attr("no")] = 4) }); giffy_bp_0013.actionCount[i] = 0; break; case 4: for (n = 0; n < 3; n++) giffy_bp_0013.setHidden(giffy_bp_0013.subBall[i][n]); giffy_bp_0013.actionCount[i] = 0 } giffy_bp_0013.waitCnt > 0 && giffy_bp_0013.waitCnt-- }, getRandomNum: function(j) { return Math.floor(Math.random() * j) }, move: function(j, l) { j.css({ top: l.top, left: l.left }) }, moveViewTop: function(j) { j.css({ top: giffy_bp_0013.getViewTop() }) }, moveViewBottom: function(j) { j.css({ top: giffy_bp_0013.getViewBottom() - j.outerHeight() }) }, moveViewLeft: function(j) { j.css({ left: giffy_bp_0013.getViewLeft() }) }, moveViewRight: function(j) { j.css({ left: giffy_bp_0013.getViewRight() - j.outerWidth() }) }, moveViewTopLeft: function(j) { giffy_bp_0013.moveViewTop(j); giffy_bp_0013.moveViewLeft(j) }, moveViewTopRight: function(j) { giffy_bp_0013.moveViewTop(j); giffy_bp_0013.moveViewRight(j) }, moveViewBottomLeft: function(j) { giffy_bp_0013.moveViewBottom(j); giffy_bp_0013.moveViewLeft(j) }, moveViewBottomRight: function(j) { giffy_bp_0013.moveViewBottom(j); giffy_bp_0013.moveViewRight(j) }, moveRandomTop: function(j) { j.css({ top: giffy_bp_0013.getViewTop() + giffy_bp_0013.getRandomNum(giffy_bp_0013.getViewHeight() - j.outerHeight()) }) }, moveRandomLeft: function(j) { j.css({ left: giffy_bp_0013.getViewLeft() + giffy_bp_0013.getRandomNum(giffy_bp_0013.getViewWidth() - j.outerWidth() - 100) }) },animateY: function(j, l, q, r, u) { j.animate({ top: l }, q, r, u) }, animateRandomY: function(j, l, q, r, u, w) { giffy_bp_0013.animateY(j, l + giffy_bp_0013.getRandomNum(q - l), r, u, w) }, animateX: function(j, l, q, r, u) { j.animate({ left: l }, q, r, u) }, animateRandomX: function(j, l, q, r, u, w) { giffy_bp_0013.animateX(j, l + giffy_bp_0013.getRandomNum(q - l), r, u, w) }, animateXY: function(j, l, q, r, u, w) { j.animate({ top: q, left: l }, r, u, w) }, animateRandomXY: function(j, l, q, r, u, w, z, N) { giffy_bp_0013.animateXY(j, l + giffy_bp_0013.getRandomNum(q - l), r + giffy_bp_0013.getRandomNum(u - r), w, z, N) }, animateXYFadeout: function(j, l, q, r, u, w) { j.animate({ top: q, left: l, opacity: "0" }, r, u, w) }, animateRandomXYFadeout: function(j, l, q, r, u, w, z, N) { giffy_bp_0013.animateXYFadeout(j, l + giffy_bp_0013.getRandomNum(q - l), r + giffy_bp_0013.getRandomNum(u - r), w, z, N) }, setOpacity: function(j, l) { j.css({ opacity: l }) }, setHidden: function(j) { j.css({ visibility: "hidden" }) }, setVisible: function(j) { j.css({ visibility: "visible" }) } } }); $(document).ready(function() { giffy_bp_0013.init() }) })();图片
mouse_star.rar
#465
在.git\config配置文件中加：
[http] postBuffer = 524288000/databases/ /logfiles/ /新建文件夹/ /cache/ /others/ /wwwroot/u/ /wwwroot/simsun.ttc /wwwroot/favicon.ico /wwwroot/新建文件夹/ /wwwroot/images/ /team20180605.sql /wwwroot20180605.rar /upload/ /Uploads/ /images/ /Cache/ /布局/ /tx/ /config/config_db.phpC:\windows\system32\drivers\etc 151.101.72.133 assets-cdn.github.com 151.101.72.133 github.global.ssl.fastly.net 52.74.223.119 github.com http://tool.chinaz.com/dns清除本地DNS缓存
@echo off ipconfig /flushdnsgit clone , git fetch, git pull和git rebase
Git Pull
pull时，它将会获取远程服务器(你请求的，无论什么分支)上的代码，并且立即合并到你的本地厂库，Pull是一个高等级的请求，默认会支持Fetch和merge的操作，如果不是为了使用上的方便，你可以完全不使用它。
$git checkout localbranch $git pull origin master $git branch master *localbranch上面的命令会将远程服务器上的master分支合并到localbranch中。
Git Fetch
fetch和pull很相似，只是fetch不会做任何的合并操作。
$git checkout localbranch $git fetch origin remotebranch $git branch master *localbranch remotebranch因此，fetch指是获取remotebranch,然后创建一个本地copy,你不应该直接对这个copy做任何的操作，而应该应该创建一个本地分支，然后在本地分支上进行工作。
Git Clone
clone将会克隆一个本地厂库，
$cd newfolder $git clone git@github.com:whatever/something.git $git branch *master remotebranchclone会为它被克隆的远程repo创建一个名为“origin”的local repo，并为远程repo的活动分支创建一个本地分支以及远程跟踪分支。
git rebase
这个命令相当的cool,你对当前分支所作的任何改变都被保存到一个临时区域，因此你的分支将会和改变之前一样干净。如果你用git pull -rebase,git将会获取远程的改变，遍历当前本地分支，然后替换你当前分支的所有改动。
如果你在使用过程中遇到了问题，使用
git branch -a$ git push origin
上面命令表示，将当前分支推送到origin主机的对应分支。
如果当前分支只有一个追踪分支，那么主机名都可以省略。
$ git push 如果当前分支与多个主机存在追踪关系，那么这个时候-u选项会指定一个默认主机，这样后面就可以不加任何参数使用git push。
$ git push -u origin master 上面命令将本地的master分支推送到origin主机，同时指定origin为默认主机，后面就可以不加任何参数使用git push了。
不带任何参数的git push，默认只推送当前分支，这叫做simple方式。此外，还有一种matching方式，会推送所有有对应的远程分支的本地分支。Git 2.0版本之前，默认采用matching方法，现在改为默认采用simple方式。
#466
#467
#468
#469
Windows开机启动高级选项 win10进入高级选项
同时按住shit键并点击重启
#470
function uptx(){ $('.up_buttom').removeAttr('onclick'); $('.up_buttom').text('正在上传....'); var formData = new FormData($('#myformup')[0]); $.ajax({ type: "POST", url:'/index.php/Members/Uptx/index', //data:$('#myformup').serialize(), cache: false, data: new FormData($('#myformup')[0]), processData: false, contentType: false, error: function(request) { alert('服务器繁忙'); location.reload(); return false; //alert("提交失败"); }, success: function(data) { if(data=='upok'){ alert('上传修改头像成功'); location.reload(); return false; }else{ alert('上传失败'); location.reload(); return false; } } }); }success: function(data){ //data=JSON.parse(data); //alert(file); var upToken=data.upToken; var nnaame=data.nnaame; var xhr = new XMLHttpRequest(), fd = new FormData; xhr.open('POST', 'https://up.qbox.me', true); // 'url' //可以通过progress事件监听上传进度 xhr.onload = function() { // 上传完成 //alert(nnaame); $('.watermark').hide(); if(typestrsff=='video') codeanddd('contentadddd','[testmp4]https://out.img.pan.lizhenqiu.com/'+nnaame+'[/testmp4]'); else if(typestrsff=='audio') codeanddd('contentadddd','[testmp3]https://out.img.pan.lizhenqiu.com/'+nnaame+'[/testmp3]'); else if(typestrsff!='image' && nttyyynammmname) codeanddd('contentadddd','[testurl=https://out.img.pan.lizhenqiu.com/'+nnaame+'?download/'+nttyyynammmname+']'+nttyyynammmname+'[/testurl]'); else codeanddd('contentadddd','[testimg]https://out.img.pan.lizhenqiu.com/'+nnaame+'[/testimg]'); $('#myCanvasimgpuppmain').hide(); submitinputtvllsscccc("上传成功！"); $('#getimgupjinduidd').css({'height':'0px','width':'0px'}); } // xhr.upload.onprogress = function (evt) { if (evt.lengthComputable) { var percentComplete = Math.round(evt.loaded * 100 / evt.total); //document.getElementById('progressNumber').innerHTML = percentComplete.toString() + '%'; //console.log(percentComplete.toString() + '%'); $('#submitinputtvllss').text("正在上传.. "+percentComplete.toString() + '%'); $('#getimgupjinduidd').css({'height':'100%','width':+percentComplete.toString() + '%'}); } else { //console.log('无法计算'); //document.getElementById('progressNumber').innerHTML = '无法计算'; } } xhr.onerror = function (e){ /*document.getElementById("myformssssww").submit(); setTimeout(function(){ nnntimgetimg(); },2500); return false;*/ $('#submitinputtvllss').text('该浏览器不支持拖曳上传，请选择文件。'); alert('该浏览器不支持拖曳上传，请选择文件。');path.click();return false; } fd.append('file', file); // 'file' fd.append('key', nnaame); fd.append('token', upToken); xhr.send(fd); }<!DOCTYPE html> <html> <head> <title>Upload Files using XMLHttpRequest - Minimal</title> </head> <body> <form id="form1" enctype="multipart/form-data" method="post" action="Upload.aspx"> <div class="row"> <label for="fileToUpload">Select a File to Upload</label><br> <input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();"> </div> <div id="fileName"></div> <div id="fileSize"></div> <div id="fileType"></div> <div class="row"> <input type="button" onclick="uploadFile()" value="Upload"> </div> <div id="progressNumber"></div> </form> <script> function fileSelected() { var file = document.getElementById('fileToUpload').files[0]; if (file) { var fileSize = 0; if (file.size > 1024 * 1024){ fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB'; }else{ fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB'; } document.getElementById('fileName').innerHTML = 'Name: ' + file.name; document.getElementById('fileSize').innerHTML = 'Size: ' + fileSize; document.getElementById('fileType').innerHTML = 'Type: ' + file.type; } } </script> </body> </html>var fd = new FormData(document.getElementById('form1'));这个构造函数的优点是可以用所有表单填充FormData实例（不必手动完成）
let arr = [1, 2, 2, 3]; let set = new Set(arr); let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。 console.log(newArr); // [1, 2, 3]#471
为什么是xmlhttp.onreadystatechange = state_Change而不是xmlhttp.onreadystatechange = state_Change();
为的是把整个函数给onreadystatechange，而不是将函数最后处理完的值返回给onreadystatechangeonreadystatechange是一个事件句柄，同样功能的还有onclick这些，就是有点击事件的时候会进行特定处理，具体看你的函数怎么写了。而onreadystatechange是由readyState触发，readyState存着XMLHttpRequest的状态，
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪
readyState改变，调用onreadystatechange这个函数，注意，是这个函数，那我们是不是要赋值一个函数给他，而不是单纯地返回一个值。
XMLHttpRequest 跨域时产生了 OPTIONS 请求
XMLHttpRequest上传文件实现进度条
if (window.XMLHttpRequest) { // Mozilla 浏览器 //新建XMLHttpRequest对象 xmlhttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE 浏览器 try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } }使用FormData向服务器发送不了数据
你真的会使用XMLHttpRequest吗？
AJAX POST&跨域 解决方案 - CORS
进度事件(Progress Events)
OPTIONS 方法在跨域请求（CORS）中的应用
解决错误指定RequestHeader导致后台接受不到FormData数据的问题
xhr文件上传，进度感知
异步上传文件，在很多场景中都有应用。本文介绍一种通过xhr和formdata实现的方法。
FormData属于h5的内容所以，浏览器兼容不是很好，下面是一种polyfill，inspired by francois2metz/html5-formdata
(function(w) { if (w.FormData) return; function FormData() { this.boundary = "--------FormData" + Math.random(); this._fields = []; } FormData.prototype.append = function(key, value) { this._fields.push([key, value]); } FormData.prototype.toString = function() { var boundary = this.boundary; var body = ""; this._fields.forEach(function(field) { body += "--" + boundary + "\r\n"; // file upload if (field[1].name) { var file = field[1]; body += "Content-Disposition: form-data; name=\""+ field[0] +"\"; filename=\""+ file.name +"\"\r\n"; body += "Content-Type: "+ file.type +"\r\n\r\n"; body += file.getAsBinary() + "\r\n"; } else { body += "Content-Disposition: form-data; name=\""+ field[0] +"\";\r\n\r\n"; body += field[1] + "\r\n"; } }); body += "--" + boundary +"--"; return body; } w.FormData = FormData; var _send = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function(data) { if (data instanceof FormData) { xhr.setRequestHeader("Content-Type", "multipart/form-data;boundary="+ data.boundary); return xhr.sendAsBinary(data.toString()); } return _send.call(this, data); }; })(window);像这样使用
var data = new FormData(); data.append('file', document.getElementById('file').files[0]); xhr.open('POST', '/', true); xhr.onprogress = (function(){ var progress = 0; return function(evt){ var p = ~~(evt.loaded*1000/evt.total) p /= 1000 if(progress !=== p){ progress = p console.log('progress: ', p) } } })();关于兼容性，只要支持FieApi就没问题
HTML5利用FormData对象实现显示进度条的文件上传【译】
HTML5利用FormData对象实现显示进度条的文件上传【英】
#472
#473
#474
问题原因：服务器时间不对。
解决办法，更新服务器时间，或者在生成预支付订单号时，不填写time_expire字段 因为这个字段不是必须填写的。
#475
php实现远程网络文件下载到服务器指定目录
php后台远程更新下载运行
<?php function getFile($url, $save_dir = '', $filename = '', $type = 0) { if (trim($url) == '') { return false; } if (trim($save_dir) == '') { $save_dir = './'; } if (0 !== strrpos($save_dir, '/')) { $save_dir.= '/'; } //创建保存目录 if (!file_exists($save_dir) && !mkdir($save_dir, 0777, true)) { return false; } //获取远程文件所采用的方法 if ($type) { $ch = curl_init(); $timeout = 5; curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout); $content = curl_exec($ch); curl_close($ch); } else { ob_start(); readfile($url); $content = ob_get_contents(); ob_end_clean(); } $size = strlen($content); @rename($save_dir . $filename,$save_dir . $filename.time());//备份 //文件大小 $fp2 = @fopen($save_dir . $filename, 'a'); fwrite($fp2, $content); fclose($fp2); unset($content, $url); return array( 'file_name' => $filename, 'save_path' => $save_dir . $filename ); } $url = "http://gsj.com/123.get"; $save_dir = ""; //"down/"; $filename = "index.php"; $res = getFile($url, $save_dir, $filename, 1); var_dump($res);php远程下载文件并保存到指定路径