2019年11月

简述:

经常遇到文件上传的一些前端功能,例如:会员头像编辑,身份证等证件的上传等等;
而这时需要在当前页面完成整个上传过程,不刷新不跳转,就可以用到这个原理。
在页面中嵌入一个隐藏的iframe元素,并且让表单的target指向iframe的name属性值,例如:form中target="tarframe06",iframe=name="tarframe06";
然后检测,api返回的数据,最终来完成这个过程。




- 阅读剩余部分 -

代码:

<script src="yourUrl/md5.min.js"></script>
或者:
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script>
 
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>

示例:

var hash = md5("value");  // "2063c1608d6e0baf80249c42e2be5804"
 
var hash = md5("111111");  // "96e79218965eb72c92a549dd5a330112"

参考地址:

http://www.bootcdn.cn/blueimp-md5/

https://github.com/blueimp/JavaScript-MD5

html代码:


<div class="out01">
    <em class="circle"></em>
    <div class="demo">内容内容内容内容内容内容内容内容内容内容内容内容</div>
</div>
 
<div class="out02">
    <em class="circle"></em>
    <div class="demo">内容内容内容内容内容内容内容内容内容内容内容内容</div>
</div>
 
<div class="out03">
    <em class="circle"></em>
    <div class="demo">内容内容内容内容内容内容内容内容内容内容内容内容</div>
</div>
 
<div class="out04">
    <em class="circle01"></em>
    <em class="circle02"></em>
    <em class="circle03"></em>
    <em class="circle04"></em>
</div>
 
<div class="out05">
    <em class="circle01"></em>
    <em class="circle02"></em>
    <em class="circle03"></em>
    <em class="circle04"></em>
</div>

- 阅读剩余部分 -

store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。

代码:

store.set('username', 'marcus')
store.get('username')
store.remove('username')
 
store.clear()
 
store.set('user', { name: 'marcus', likes: 'javascript' })
 
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)
 
// Get all stored values
store.getAll().user.name == 'marcus'
 
// Loop over all stored values
store.forEach(function(key, val) {
    console.log(key, '==', val)
})

- 阅读剩余部分 -