phantomjs form提交

phantomjs表单提交，其实就是对DOM就行操作（获取元素），在这里实现了动态传入各种参数

不说了 直接上代码

 1 var page = require('webpage').create(),

 2 system = require('system'),fname;                                   

 3  

 4 var hostUrl = system.args[1];

 5 var resId = system.args[2];

 6 var fileName = system.args[3];

 7 console.log("访问地址："+hostUrl);

 8 console.log("资源名称："+resId);

 9 console.log("资源路径："+fileName);

10 console.log('请稍等，正在提交数据。。。');

11 

12 page.open(hostUrl, function (stat) {

13     page.uploadFile('input[name=resFile]', fileName);

14     page.evaluate(function (resId) {

15         document.querySelector('input[name=resId]').value = resId;

16         document.querySelector('input[name=resConf]').value = '{"resVer":"'+new Date().getTime()+'"}';

17         document.querySelector('form').submit();

18     },resId);

19     phantom.exit();

20 });

这里会出现一个问题，如果上传的资源文件过大，时间过长，就会出现上传失败

所以在这里要通过一个状态来判断是否上传完成，onResourceReceived资源收到后调用后方法

 1 var page = require('webpage').create(),

 2 system = require('system'),fname;                                   

 3  

 4 var hostUrl = system.args[1];

 5 var resId = system.args[2];

 6 var fileName = system.args[3];

 7 console.log("访问地址："+hostUrl);

 8 console.log("资源名称："+resId);

 9 console.log("资源路径："+fileName);

10 console.log('请稍等，正在提交数据。。。');

11 

12 page.open(hostUrl, function (stat) {

13     page.uploadFile('input[name=resFile]', fileName);

14     page.evaluate(function (resId) {

15         document.querySelector('input[name=resId]').value = resId;

16         document.querySelector('input[name=resConf]').value = '{"resVer":"'+new Date().getTime()+'"}';

17         document.querySelector('form').submit();

18     },resId);

19 });

20 page.onResourceReceived = function(response) {

21      if(response.stage=='end' && response.url.indexOf('.json')>-1){

22         phantom.exit();

23      }

24 };

这里判断了stage状态结束，还有当前地址改变，完成了上传，就能结束当前操作

通过phantomjs实现了前端不能实现的，在测试中效果很明显