phantomjs form提交

phantomjs表單提交，其實就是對DOM就行操作（獲取元素），在這里實現了動態傳入各種參數

不說了 直接上代碼

var page = require('webpage').create(),
system = require('system'),fname;                                   
 
var hostUrl = system.args[1];
var resId = system.args[2];
var fileName = system.args[3];
console.log("訪問地址："+hostUrl);
console.log("資源名稱："+resId);
console.log("資源路徑："+fileName);
console.log('請稍等，正在提交數據。。。');

page.open(hostUrl, function (stat) {
    page.uploadFile('input[name=resFile]', fileName);
    page.evaluate(function (resId) {
        document.querySelector('input[name=resId]').value = resId;
        document.querySelector('input[name=resConf]').value = '{"resVer":"'+new Date().getTime()+'"}';
        document.querySelector('form').submit();
    },resId);
    phantom.exit();
});

這里會出現一個問題，如果上傳的資源文件過大，時間過長，就會出現上傳失敗

所以在這里要通過一個狀態來判斷是否上傳完成，onResourceReceived資源收到后調用后方法

var page = require('webpage').create(),
system = require('system'),fname;                                   
 
var hostUrl = system.args[1];
var resId = system.args[2];
var fileName = system.args[3];
console.log("訪問地址："+hostUrl);
console.log("資源名稱："+resId);
console.log("資源路徑："+fileName);
console.log('請稍等，正在提交數據。。。');

page.open(hostUrl, function (stat) {
    page.uploadFile('input[name=resFile]', fileName);
    page.evaluate(function (resId) {
        document.querySelector('input[name=resId]').value = resId;
        document.querySelector('input[name=resConf]').value = '{"resVer":"'+new Date().getTime()+'"}';
        document.querySelector('form').submit();
    },resId);
});
page.onResourceReceived = function(response) {
     if(response.stage=='end' && response.url.indexOf('.json')>-1){
        phantom.exit();
     }
};

這里判斷了stage狀態結束，還有當前地址改變，完成了上傳，就能結束當前操作

通過phantomjs實現了前端不能實現的，在測試中效果很明顯