ZH奶酪：AngularJS/JavaScript上传图片【PC端】

【ZH奶酪：AngularJS/JavaScript上传图片【PC端】】的更多相关文章

ZH奶酪：AngularJS/JavaScript上传图片【PC端】

[功能介绍] 类似与修改个人信息的时候,点击头像,就可以完成选择照片.上传照片等步骤达到替换头像的目的. [运行流程] (1)点击头像 (2)选择头像 (3)点击“完成”,上传头像 1.HTML图片部分的代码(个人信息还会包含姓名[id="name"].介绍[id="intro"]元素等) <div> <img id="avatar"ng-src="{{avatar}}" ng-click="cho…

ZH奶酪：JavaScript调用AngularJS的函数/$scope/变量

使用背景: 需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然后在获取$scope变量: var $scope = angular.element(appElement).scop…

ZH奶酪：PHP上传图片三个步骤

1. 上传图片三步骤第一步:首先判断文件类型是否为图片格式,若是则上传文件; 第二步:然后重命名文件(一般都是避免上传文件重名,现在基本上都是以为时间来命名); 第三步:最后把文件上传到指定目录,成功上传后输出上传图片的预览. 2. 代码 (1)判断文件类型是否为图片类型 <?php function type(){ return substr(strrchr($HTTP_POST_FILES['file']['name'],'.'),1); } ?> 说明: strrchr:查找字符串在另…

ZH奶酪：JavaScript中的JSON.stringify() and JSON.parse()

JSON.stringify() JSON.stringify()可以将任意的JavaScript值序列化成JSON字符串. 语法 JSON.stringify(value[, replacer [, space]]) 其中 value:将要序列化成JSON字符串的JavaScript值: replacer(optional): 该参数可以是函数,在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理: 该参数可以是数组,在序列化过程中,只有包含在这个数组中的属性名才会被序列化到最终J…

ZH奶酪：JavaScript清空数组的三种方法

参考链接:http://snandy.iteye.com/blog/893955 方式1,length赋值为0 目前 Prototype中数组的 clear 方法和mootools库中数组的 empty 方法使用这种方式清空数组. var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 输出 [],空数组,即被清空了方式2,赋值为[] Ext库Ext.CompositeElementLite类的 clear 方法使用这种方式清空. v…

JavaScript判断移动端及pc端访问不同的网站

JavaScript判断移动端及pc端访问不同的网站现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站. 对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理. 假如我们有一个网站,pc端通过www.test.com访问,而移动端通过m.test.com来访问.我们需要做的就是当移动端访问www.test.com时可以直接跳转…

【Javascript Demo】移动端访问PC端网页时跳转到对应的移动端网页

不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,下面是本人测试有效的方式. 1.效果图 PC端访问显示: 移动端访问显示: 2.实现: 不考虑移动端搜索引擎优化的话,只需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了,主要JS如下: //判断是否移动端,如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串,声明了浏览器…