• 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实现了前端不能实现的,在测试中效果很明显

  • 相关阅读:
    动态代理有啥用(总结)
    ES6随笔--各数据类型的扩展(4)--数组和对象
    ES6随笔--各数据类型的扩展(2)--数值
    ES6随笔--各数据类型的扩展(1) --字符串和正则
    ES6随笔--声明变量
    CommonJS随记
    DOM练习小记--一个简单的Web页面游戏
    js随笔--关于事件
    js随笔--关于this
    js随笔--循环里的弯弯绕
  • 原文地址:https://www.cnblogs.com/Vipming/p/4235694.html
Copyright © 2020-2023  润新知