Блог

Главная - Вопросы по программированию - Можно ли запустить Google App script для отправки HTML-формы с веб-сайта в Google sheet в мобильном браузере?

Можно ли запустить Google App script для отправки HTML-формы с веб-сайта в Google sheet в мобильном браузере?

#javascript #json #google-apps-script #google-sheets

#javascript #json #google-apps-script #google-sheets

Вопрос:

Сейчас я пытаюсь создать блок формы, чтобы пользователь мог вводить информацию и отправлять файлы.

Я использую Google Sheet с Google Apps Script, когда тестирую его, все работает нормально, когда я тестирую его в браузере на рабочем столе, но никогда не работает в мобильном браузере Chrome IOS и Safari.

Кто-нибудь может дать мне несколько советов, как заставить doPost() метод работать в мобильном браузере.

Вот мой скрипт из Google Apps Script:

 var emailTo= "420@gmail.com"
var REDIRECT_URL = "/successful";

function doPost(e) {

try {
var data = e.parameter.fileContent;
var filename = e.parameter.filename;
var email = e.parameter.email;
var name = e.parameter.name;
var result=uploadFileToGoogleDrive(data,filename,name,email,e);
return redirect();
} catch(error) { // if error return this
Logger.log(error);
return ContentService
.createTextOutput(JSON.stringify({"result":"error", "error": error}))
.setMimeType(ContentService.MimeType.JSON);
}
}

// new property service GLOBAL
var SCRIPT_PROP = PropertiesService.getScriptProperties();
// see: https://developers.google.com/apps-script/reference/properties/

/**
* select the sheet
*/
function setup() {
var doc = SpreadsheetApp.getActiveSpreadsheet();
SCRIPT_PROP.setProperty("key", doc.getId());
}

/**
* record_data inserts the data received from the html form submission
* e is the data received from the POST
*/

function record_data(e,fileUrl) {
try {
var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
var sheet = doc.getSheetByName('test'); // select the responses sheet

var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
var nextRow = sheet.getLastRow() 1; // get next row
var row = [ new Date() ]; // first element in the row should always be a timestamp
// loop through the header columns
for (var i = 1; i < headers.length; i  ) { // start at 1 to avoid Timestamp column

if(headers[i].length > 0 amp;amp; headers[i] == "photo-link") {
row.push(fileUrl); // add data to row
}
else if(headers[i].length > 0) {
row.push(e.parameter[headers[i]]); // add data to row
}
}
// more efficient to set values as [][] array than individually
sheet.getRange(nextRow, 1, 1, row.length).setValues([row]);
}
catch(error) {
Logger.log(e);
}
finally {
return;
}

}

function uploadFileToGoogleDrive(data, file, name, email,e) {
try {
var dropbox = "Shop-Clients-Pics";
var folder, folders = DriveApp.getFoldersByName(dropbox);

if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}

var contentType = data.substring(5,data.indexOf(';')),
bytes = Utilities.base64Decode(data.substr(data.indexOf('base64,') 7)),
blob = Utilities.newBlob(bytes, contentType, file);
var file = folder.createFolder([name, email].join("-")).createFile(blob);

var fileUrl=file.getUrl();

//Generating Email Body
var html =
'<body>'  
'<h2> Test Auto Send Email </h2>'  
'<p>Name : ' e.parameters.name '</p>'  
'<p>Email : ' e.parameters.email '</p>'  
'<p>Contact : ' e.parameters.contact '</p>'  
'<p>Address : ' e.parameters.address '</p>'  
'<p>LinkedIn Url : ' e.parameters.linkedinUrl '</p>'  
'<p>File Name : ' e.parameters.filename '</p>'  
'<p><a href=' file.getUrl() '>Resume Link</a></p><br />'  
'</body>';

record_data(e,fileUrl);

MailApp.sendEmail(emailTo, "Test Auto Send Email322","Test Auto Send Email Recieved322",{htmlBody:html});
return file.getUrl();
} catch (f) {
return ContentService // return json success results
.createTextOutput(
JSON.stringify({"result":"file upload failed",
"data": JSON.stringify(f) }))
.setMimeType(ContentService.MimeType.JSON);
}
}
function redirect() {
  return HtmlService.createHtmlOutput(
    "<script>window.top.location.href=""   REDIRECT_URL   "";</script>"
  ); 
}

Для получения дополнительной информации: Моя функция отправки файла:

 function UploadFile() {
var reader = new FileReader();
var file = document.getElementById('attach').files[0];
reader.onload = function(){
document.getElementById('fileContent').value=reader.result;
document.getElementById('filename').value=file.name;
document.getElementById('uploadForm').submit();
}
reader.readAsDataURL(file);
}

Я получил ошибку при использовании Chrome Mobile:

Ошибка переноса ЖУРНАЛА: произошла ошибка во время транспортировки или обработки этого запроса. Код ошибки = 7, Путь = /wardeninit

Комментарии:

1. Вы получаете какие-либо ошибки на консоли? Этот документ может помочь, если у вас нет консоли на мобильном устройстве

2. Появляется сообщение об ошибке « LOG TransportError: произошла ошибка во время транспортировки или обработки этого запроса. Код ошибки = 7, Путь = /wardeninit «

3. И вот моя функция загрузки файлов: функция uploadFile() { var reader = new FileReader(); var file = document.getElementById(‘прикрепить’). files[0]; reader.onload = function(){ document.getElementById(‘fileContent’).value=reader.resu< document.getElementById(‘filename’).value=file.name ; document.getElementById(‘uploadForm’).submit(); } reader.readAsDataURL(файл); }

4. Вы должны добавить эти вещи в исходный вопрос, чтобы улучшить StackOverflow — я посмотрю тем временем, если я что-нибудь найду, я дам вам знать

5. Эта ошибка, вероятно, ничего не значит. Проверьте наличие ошибок в консоли при загрузке