向web页面动态插入本地文件的一键式处理方法和装置的制造方法
【技术领域】
[0001]本发明涉及网络应用技术，特别是涉及在WEB页面中通过一次按键即可实现动态插入本地文件的方法和实现该方法的装置。
【背景技术】
[0002]当前，在浏览器中通过脚本直接动态编辑WEB页面的过程中，如果需要使用本地文件，必须首先手工上传本地文件到适合的网络服务器中，然后将上传后文件的URL地址插入到页面中。也就是说，除了需要将需要上传的本地文件添加到上传提交框内，还需要再点击上传键才能上传到网络服务器中，然后再将上传后文件的URL地址插入到页面中，这样的过程给使用者带来了很大不便。
【发明内容】
[0003]本发明解决现有技术向WEB页面动态插入本地文件时操作步骤较多，使用不方便的技术问题，提供一种方法，能够减少手工操作步骤，一次按键即可实现动态插入本地文件的方法和实现该方法的装置。
[0004]本发明方法包括如下步骤:
[0005]A、在插入文件或类似界面中直接显示标准的HTML文件上传提交框或隐藏上传提交框只保留浏览按钮，为所述上传提交框添加事件，所述添加的事件为一旦上传提交框内的内容发生改变，即自动将改变后的内容提交到对应的服务器；
[0006]B、在服务器中预先建立接收上传文件请求的服务器脚本，且所述服务器脚本建立如下机制:在接收到上传文件的请求后，立即开始上传，文件上传后按照预定的路径和名称规则产生网络路径和名称并保存，返回一个携带刚刚产生的网络路径和名称信息的HTML文件，该HTML文件中包含一个自动运行的客户端脚本。
[0007]C、返回的HTML文件一旦在客户端装载完毕，其中包含的客户端脚本立即自动运行，将携带的刚刚上传并保存新的文件路径和名称的HTML文件插入到原页面中需要插入文件的位置，插入动作即全部完成。
[0008]本发明装置包括顺次相连的:
[0009]客户端上传提交框内容改变判断模块，上传命令模块；
[0010]服务器端上传接收模块，服务器端网络路径和名称产生及保存模块，HTML文件返回模块；
[0011]和客户端HTML文件插入模块；
[0012]所述客户端上传提交框内容改变判断模块判断上传提交框的内容是否改变，如果改变，由上传命令模块将改变后的内容提交到对应的服务器；服务器端上传接收模块接收客户端上传命令模块上传的请求并允许文件立即上传，然后将上传文件传递给网络路径和名称产生及保存模块给该文件在服务器端产生新的网络路径和名称，并使该文件产生一自动运行的客户端脚本，网络路径和名称产生及保存模块再将该具有新的网络路径和名称且具有自动运行的客户端脚本的文件传递给HTML文件返回模块，由该模块将文件返回客户端，由客户端HTML文件插入模块完成文件的插入。
[0013]技术效果:
[0014]本发明由于分别在客户端和服务器端建立了相应的传送和接收机制，因此，按照浏览器的机制，当“浏览”按钮被点击后弹出本地文件对话框，选中文件后点击确定，文件路径和名称会自动回填到文件上传提交框的输入框中，此时，由于上传提交框的内容发生了改变，因此无须用户再点击提交按钮或任何其它按钮，文件就会被自动上传。这样，用户一旦在本地文件对话框中选中任何文件并点击确定，文件就会被自动上传，而且带有服务器端的文件路径和名称的文件会自动回填到文件上传提交框的输入框中。在整个过程中，用户只需按一次“浏览”按键(不含在本地文件对话框中的动作)既可完成向页面中插入文件的动作，上传、产生新的路径、插入新的路径等动作对用户都是透明的，极大地方便了用户，而且使用户在完全不需要了解Internet的“上传”、“URL”等概念的情况下就可以完成对应的所有操作。
【附图说明】
[0015]图1是本发明装置的结构示意图。
【具体实施方式】
[0016]结合附图1详细说明本发明的方法和装置。
[0017]图1中虚线之上表示客户端，虚线之下代表服务器端。在客户端的插入文件或类似界面中直接显示有标准的HTML文件上传提交框，即上传提交框及该框旁边的浏览按钮，当然，如果需要，可以通过技术处理隐藏输入框，只保留“浏览”按钮，并提示用户如果要插入本地文件可以直接点击“浏览”按钮。为上传提交框添加事件，所述添加的事件为一旦上传提交框内的内容发生改变，即自动将改变后的内容提交到对应的服务器，该事件可以通过两个模块来实现，即客户端上传提交框内容改变判断模块和上传命令模块，所述客户端上传提交框内容改变判断模块判断上传提交框的内容是否改变，如果改变，则马上由上传命令模块将改变后的内容提交到对应的服务器，如果内容没有改变，则上传提交框不发生任何变化。
[0018]在服务器中预先建立接收上传文件请求的服务器脚本，且所述服务器脚本建立如下机制:在接收到上传文件的请求后，立即开始上传，文件上传后按照预定的路径和名称规则产生网络路径和名称并保存，返回一个携带刚刚产生的网络路径和名称信息的HTML文件，该HTML文件中包含一个自动运行的客户端脚本。上述操作分别由服务器端上传接收模块，服务器端网络路径和名称产生及保存模块和HTML文件返回模块完成，服务器端上传接收模块接收客户端上传命令模块上传的请求并允许文件立即上传，然后将上传文件传递给网络路径和名称产生及保存模块，由该模块给该文件在服务器端产生新的网络路径和名称，并使该文件产生一自动运行的客户端脚本，网络路径和名称产生及保存模块再将该具有新的网络路径和名称且具有自动运行的客户端脚本的文件传递给HTML文件返回模块。
[0019]HTML文件返回模块将将该具有新的网络路径和名称且具有自动运行的客户端脚本的文件传递给客户端的HTML文件插入模块，由该模块将返回的HTML文件在客户端装载完毕，其中包含的客户端脚本立即自动运行，将携带的刚刚上传并保存新的文件路径和名称的HTML文件插入到原页面中需要插入文件的位置，插入动作即全部完成。
【主权项】
1.向WEB页面动态插入本地文件的一键式处理方法，其特征在于包括如下步骤: A、向插入文件或类似界面中的上传提交框添加事件，所述添加的事件为一旦上传提交框内的内容发生改变，即自动将改变后的内容提交到对应的服务器； B、在服务器中预先建立接收上传文件请求的服务器脚本，且所述服务器脚本建立如下机制:在接收到上传文件的请求后，立即开始上传，文件上传后按照预定的路径和名称规则产生网络路径和名称并保存，返回一个携带刚刚产生的网络路径和名称信息的HTML文件，该HTML文件中包含一个自动运行的客户端脚本； C、返回的HTML文件一旦在客户端装载完毕，其中包含的客户端脚本立即自动运行，将携带的刚刚上传并保存新的文件路径和名称的HTML文件插入到原页面中需要插入文件的位置，插入动作即全部完成。
2.根据权利要求1所述的向WEB页面动态插入本地文件的一键式处理方法，其特征在于所述上传提交框为隐藏的只保留浏览按钮的上传提交框。
3.向WEB页面动态插入本地文件的一键式处理装置，其特征在于包括顺次相连的:客户端上传提交框内容改变判断模块，上传命令模块，服务器端上传接收模块，服务器端网络路径和名称产生及保存模块，HTML文件返回模块，和客户端HTML文件插入模块；所述客户端上传提交框内容改变判断模块判断上传提交框的内容是否改变，如果改变，由上传命令模块将改变后的内容提交到对应的服务器；服务器端上传接收模块接收客户端上传命令模块上传的请求并允许文件立即上传，然后将上传文件传递给网络路径和名称产生及保存模块给该文件在服务器端产生新的网络路径和名称，并使该文件产生一自动运行的客户端脚本，网络路径和名称产生及保存模块再将该具有新的网络路径和名称且具有自动运行的客户端脚本的文件传递给HTML文件返回模块，由该模块将文件返回客户端，由客户端HTML文件插入模块完成文件的插入。
【专利摘要】本发明向WEB页面动态插入本地文件的一键式处理方法和装置本发明方法包括如下步骤：A、在插入文件或类似界面中直接显示标准的HTML文件上传提交框或隐藏上传提交框只保留浏览按钮，B、在服务器中预先建立接收上传文件请求的服务器脚本，C、返回的HTML文件一旦在客户端装载完毕，在整个过程中，用户只需按一次“浏览”按键(不含在本地文件对话框中的动作)既可完成向页面中插入文件的动作，上传、产生新的路径、插入新的路径等动作对用户都是透明的，极大地方便了用户，而且使用户在完全不需要了解Internet的“上传”、“URL”等概念的情况下就可以完成对应的所有操作。
【IPC分类】G06F17-30
【公开号】CN104714992
【申请号】CN201410361042
【发明人】施霞虹
【申请人】南宁市磁汇科技有限公司
【公开日】2015年6月17日
【申请日】2014年7月25日