实现原理: 这里我实现图片上传的思路是通过input file框的change事件将获取上传的图片内容,通过ajax把它上传到后台的文件临时存放目录,后台返回url传回前台,前台就可以实现预览,然后form表单提交时再移动到指定存储路径!
//input file框change事件触发,实现图片预览
$('#images').on('...
1.demo.html,通过get方式发送ajax请求
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>jquery demo02</title> </head> <body> 用户名:<input type="text...
常用代码片段-前端篇
作者:WEBING
原文:点击 " 阅读原文 "
一、预加载图像
如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。
二、检查图像是否加载
有时为了继续脚本,你可能需要检查图像是否全部加载完毕。
...
function ajaxMise(url, method, data, async, timeout) { var xhr = new XMLHttpRequest() return new Promise(function (resolve, reject) { xhr.open(method, url, async); xhr.timeout = options.timeout; xhr.onloadend = function () { if ((xhr.status >= 20...
如果要获取当前的请求信息,可以使用\think\Request类,除了下文中的
$request = Request::instance();
也可以使用助手函数
$request = request();
获取URL信息
$request = Request::instance();// 获取当前域名echo 'domain: ' . $request->domain() . '<br/>';// 获取当前入口文件echo 'file...
主要需要用到 /layer/layer.js 这个,
现在一个tp前端视图/article/index.html
<!DOCTYPE html><html lang="en"><head> <title>{$sys['sys_name']}</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-widt...
本文将给小伙伴们做一个基于ThinkPHP3.2.的简单ajax登陆demo。闲话不多说。直接进入正文吧。
可能有些小伙伴认为TP自带的跳转页面挺好,但是站在网站安全的角度来说,我们不应该让会员看到任何错误信息,或者可以暴露网站服务端信息的内容。TP的那个跳转页面太经典了。稍微了解框架的人看到那个页面,就知道...
前台:
1 <form action="javascript:;" method="post" class="form_div" id="tj"> 2 3 <ul class="feed_ul clearfix"> 4 <li> 5 <div class="div_biao"><i class=" icon-user"></i> ...
练习,就当练习。
省市区三级联动,样式如下图所示:
1,导入两个js文件并且导入数据库文件。
两个js文件分别是jquery-2.1.4.min.js和jquery-1.js,数据库文件,见附件。
2,建一个index.html
<div> <label>所在地点</label> <select name="province_id" id="province_id" sty...
wx-gesture-lock 微信小程序的手势密码
WXCustomSwitch 微信小程序自定义 Switch 组件模板
WeixinAppBdNovel 微信小程序demo:百度小说搜索
shitoujiandaobu 小程序:石头剪刀布(附代码说明)
audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
star 微...