HTML5 参数传递

现代码

主页代码：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
 <br>
 <br>
 <a href="jssendValue.html?id=test&user=xujinzhong&pwd=123456&uid=123456" target="_blank"&nbsp >>>> 点击跳转到下一个界面 >>></a> 
 </body>
</html>

跳转页面代码：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script language="javascript">
 var myID="id"//前端全栈学习交流圈：866109386 
 var myuser="user"//面向1-3年前端人员
 var mypwd="pwd"//帮助突破技术，提升思维
 var myuid="uid"
 function getParameter(param) {
 var query=window.location.search; //获取URL地址中？后的所有字符 
 var iLen=param.length; //获取你的参数名称长度 
 var iStart=query.indexOf(param); //获取你该参数名称的其实索引 
 if(iStart==-1) //-1为没有该参数 
 return "";
 iStart +=iLen + 1;
 var iEnd=query.indexOf("&", iStart); //获取第二个参数的其实索引 
 if(iEnd==-1) //只有一个参数 
 return query.substring(iStart); //获取单个参数的参数值 
 return query.substring(iStart, iEnd); //获取第二个参数的值 
 }
 function init() {
 document.getElementById("id").value=getParameter(myID);
 document.getElementById("user").value=getParameter(myuser);
 document.getElementById("pwd").value=getParameter(mypwd);
 document.getElementById("uid").value=getParameter(myuid);
 }
 </script>
 </head>
 <body onload="init()">
 this is a test <br>
 <input id="id" type="text" />
 <br>
 <input id="user" type="text" />
 <br>
 <input id="pwd" type="text" />
 <br>
 <input id="uid" type="text" />
 </body>
</html>

对前端的技术，架构技术感兴趣的同学关注我的头条号，并在后台私信发送关键字：“前端”即可获取免费的架构师学习资料

知识体系已整理好，欢迎免费领取。还有面试视频分享可以免费获取。关注我，可以获得没有的架构经验哦！！

残酷的移动互联网竞争环境下，HTML5技术一直受到各方关注，“HTML5颠覆原生App”的争论也从未停止过，不管怎样HTML5生态的构建方兴未艾。不过对于移动开发者来说更关心的问题是如何低成本、周期短开发出体验效果好的App，所以当下用HTML5远比赌HTML5更现实。于是，一个一直被提及但是从没有占据过统治地位的概念又一次走进了移动开发者们的视野，那就是跨平台开发。

AD：WOT2015互联网运维与开发者大会热销抢票

目前国内外已经有很多基于HTML5的跨平台开发工具，你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript，运用工具中所提供的各种丰富的功能模块，便可在很短时间内完成App的开发而且让你的App具备完美的原生体验。

推荐几款跨平台工具

1、Appcelerator

Appcelerator的Titanium开发平台使开发者可以通过HTML、PHP、JavaScript、Ruby、Python等Web编程语言开发手机、平板和桌面的原生App。其优势在于它可以让用户轻松地访问超过300个API以及定位信息。

此外，Appcelerator提供针对特定行为或事件定制的统计。App的数据既可储存在云端，也可储存在设备上。

2、APICloud

APICloud是一款“云端一体”的移动开发平台，信仰“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。

2、PhoneGap

PhoneGap是一个免费且开源的开发环境，使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发，可调用加速计、GPS/定位、照相机、声音等功能。

PhoneGap还提供Adobe AIR App以及在线的培训课程，帮助开发者了解原生API并在他们自己的平台上开发移动App。

4、NativeScript

NativeScript是使用移动平台的JavaScript引擎来进行跨平台开发。逻辑部分自然无需多说，关键在于如何使用平台特性。NativeScript是通过反射得到所有平台API，预编译它们，然后将这些API注入到JavaScript运行环境，接下来在Javascript调用后拦截这个调用，并运行native代码。NativeScript是使用大量web开发的技巧来进行app开发，因为工具链和语言都非常熟悉受到了很多前端开发者的欢迎。

5、Kinvey

Kinvey同样是一个为移动应用开发者提供后台创建服务的平台。Kinvey强调加速移动应用开发与销售的“即取即用”理念。Kinvey的中间层与数据层均托管在多个云服务提供商处，包括Rackspace、Amazon与Microsoft。所有通过Kinvey存储的数据都会有四种方式备份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服务器，假如其中一两个出现了故障，用户的数据依然安然无恙。

总结：

关于HTML5和原生App的争论一直在继续，不论最后谁能取胜，开发者更关心App的开发速度和最终体验。合理的使用工具会让开发效率大大提升，甚至达到事半功倍的效果，希望能有一款适合您。

期待未来有一天，App开发可以像在纸上画画一样简单。

声明：IT之家网站刊登/转载此文出于传递更多信息之目的，并不意味着赞同其观点或论证其描述。

HTML5实现分片上传GB级大文件源代码，用HTML5实现分片上传GB级大文件代码，用HTML5实现分片上传GB级大文件源码，用HTML5实现分片上传GB级大文件组件，用HTML5实现分片上传GB级大文件控件，用HTML5实现分片上传GB级大文件方案，用HTML5实现分片上传GB级大文件技术，用HTML5实现分片上传GB级大文件软件，用HTML5实现分片上传GB级大文件服务，用javascript实现分片上传GB级大文件源代码，用js实现分片上传GB级大文件源代码，用vue2实现分片上传GB级大文件源代码，用vue3实现分片上传GB级大文件源代码，

用户上传的文件比较大，有20G左右，直接用HTML传的话容易失败，服务器也容易出错，需要分片，分块，分割上传。也就是将一个大的文件分成若干个小文件块来上传，另外就是需要实现秒传功能和防重复功能，秒传就是用户如果上传过这个文件，那么直接在数据库中查找记录就行了，不用再上传一次，节省时间，实现的思路是对文件做MD5计算，将MD5值保存到数据库，算法可以用MD5，或者CRC，或者SHA1，这个随便哪个算法都行。

分片还需要支持断点续传，现在HTML5虽然提供了信息记录功能，但是只支持到了会话级，也就是用户不能关闭浏览器，也不能清空缓存。但是有的政府单位上传大文件，传了一半下班了，明天继续传，电脑一关结果进度信息就丢失了，这个是他们的一个痛点。

切片的话还有一点就是在服务器上合并，一个文件的所有分片数据上传完后需要在服务器端进行合并操作。

功能的话支持20G文件上传和续传，支持秒传，支持文件夹上传，支持在服务端保存文件夹层级结构，支持将文件夹层级结构信息保存到数据库中，支持下载时能够将文件夹层级结构下载下来，支持下载文件夹，下载文件夹支持断点续传，支持VUE2,VUE3,React，支持IE，Chrome和信创国产化环境，比如银河麒麟，统信UOS，龙芯，支持加密传输，包括加密上传，加密下载，加密算法支持国密SM4，支持云对象存储，比如华为云，阿里云，腾讯云，七牛云，AWS，MinIO,FastDFS，需要提供手机，QQ，微信，邮箱等联系方式，提供7*24小时技术支持，提供长期技术支持和维护服务，提供远程1对1技术指导，提供二次开发指导，提供文档教程，提供视频教程。

1.下载示例

https://gitee.com/xproer/up6-vue-cli

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

效果

数据库

在线咨询

上一篇：windows服务器挂马分析与处理之一：挂马篡改分析
下一篇：附带源码视频，大神用HTML5+JS教你制作炫酷弹跳

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML5 参数传递

您的项目需求