+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + File Upload In Survey +
+File Upload In Survey Adds Single Or Multiple File Upload Options In Survey. +
+ +
+
+
+
+ 
+
+
+ Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+ File Upload In Survey Odoo app adds single or multiple file upload options to surveys. Users can add questions to the survey that allow participants to upload files as answers. Participants can either choose to upload a single file or add multiple files in response to the survey question. Participants can view their uploaded attachments by clicking the "review your answers" button in the survey.
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+ 
+ User can upload file for survey questions.
+
+
+ User can upload file for survey questions.
+
+
+ Upload single file as answer for survey questions or Upload multiple file as answer for survey questions.
+
+
+
+ Upload single file as answer for survey questions or Upload multiple file as answer for survey questions.
+
+
+
+ Participants can view their answer in the 'review your answers' button in Survey form.
+
+
+
+ Participants can view their answer in the 'review your answers' button in Survey form.
+
+
+
+
+
+
+
+
+ 
+
+
+ Screenshots +
+Single Attachment Download
+
+
+
+
+
+
+
+
+
+ 
+
+ On survey, user can add questions as file upload type and allow user to add file as attachment answer. +
+
+
+ 
+
+ User can select "Upload File" as "Question Type", User can also see question type view icon for file upload. +
+
+
+ 
+
+
+ On survey participants + can see "Browse/Choose File" options for "File Upload" question type, by clicking this button user can upload a file as + attachment and also a note is shown so the Participant can know he can only upload one File. +
+
+
+ 
+
+ + Once participants finish survey he/she can view attached file by clicking "review your answers" button. +
+
+
+ 
+
+ + The Participant can view and download the attachments by clicking the File Name. +
+
+
+ 
+
+ + User can see uploaded files on by clicking the smart button inside question form. +
+
+ + Remove this filter to view uploaded answers
+
+ 
+
+
+
+
+ 
+
+
+
+ 
+
+ + The User can download the Attachment of the Participant From Here. +
+
+
+ 
+
+
+ Multiple Attachments Download
+
+ 
+
+
+ + On survey, user can add questions as file upload type and allow survey participants to add multiple file as attachment answer. +
+
+
+ 
+
+ + User can select "File Upload" as "Question Type", User also need to enable " Upload Multiple file" options only then survey participants can also see question type view icon for file upload.
+
+
+ 
+
+
+
+ + On survey participants can see "Browse/Choose File" options for "File Upload" question type, by + clicking this + button user can select and upload multiple files as attachment and also a note is shown so the Participant can know he can upload multiple Files. +
+
+
+ 
+ 
+
+
+ + Once participants finish survey he/she can view all uploaded multiple file by clicking "review your answers" button and also download and view attachments by clicking file. +
+
+ + The Participant can view and download the attachments by clicking the File Name. +
+
+
+ 
+
+ + User can see uploaded files on answers. +
+
+
+
+
+ 
+
+
+ Related + Products +
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo Customization
+
+
+
+
+ 
+
+
+ + Odoo Implementation
+
+
+
+
+ 
+
+
+ + Odoo Support
+
+
+
+
+ 
+
+
+ + Hire Odoo Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/survey_upload_file/static/src/js/survey_form_attachment.js b/survey_upload_file/static/src/js/survey_form_attachment.js
new file mode 100644
index 000000000..214e2a849
--- /dev/null
+++ b/survey_upload_file/static/src/js/survey_form_attachment.js
@@ -0,0 +1,116 @@
+odoo.define('survey_upload_file', function (require) {
+ 'use strict';
+
+ var SurveyFormWidget = require('survey.form');
+ var core = require('web.core');
+
+ SurveyFormWidget.include({
+ events: _.extend({}, SurveyFormWidget.prototype.events, {
+ 'change .o_survey_upload_file': '_onFileChange',
+ }),
+ // On adding file function
+ _onFileChange: function (event) {
+ var self = this;
+ var files = event.target.files;
+ var fileNames = [];
+ var dataURLs = [];
+
+ // Loop through the selected files
+ for (let i = 0; i < files.length; i++) {
+ var reader = new FileReader();
+ reader.readAsDataURL(files[i]);
+
+ reader.onload = function (e) {
+ var file = files[i];
+ var filename = file.name;
+ var dataURL = e.target.result.split(',')[1]; // split base64 data
+
+ fileNames.push(filename);
+ dataURLs.push(dataURL);
+
+ // Set the attributes for the input element
+ var $input = $(event.target);
+ $input.attr('data-oe-data', JSON.stringify(dataURLs));
+ $input.attr('data-oe-file_name', JSON.stringify(fileNames));
+
+ // Find the corresponding fileList div based on the question ID (matching data attribute)
+ var $fileListContainer = $(event.target)
+ .closest('.o_survey_upload_container')
+ .find('#fileList');
+
+ var questionId = $fileListContainer.attr('data');
+
+ // Check if the fileList div corresponds to the input clicked (based on question ID)
+ if ($fileListContainer.attr('data') == event.target.name) {
+ // Clear previous contents of the file list
+ $fileListContainer.html('');
+
+ // Create a new list of files
+ var ul = document.createElement('ul');
+ fileNames.forEach(function (fileName) {
+ var li = document.createElement('li');
+ li.textContent = fileName;
+ ul.appendChild(li);
+ });
+
+ // Create a delete button
+ var deleteBtn = document.createElement('button');
+ deleteBtn.textContent = 'Delete All';
+ deleteBtn.addEventListener('click', function () {
+ // Clear file list and reset input attributes
+ $fileListContainer.html('');
+ $input.attr('data-oe-data', '');
+ $input.attr('data-oe-file_name', '');
+ $input.val(''); // Clear the file input
+ });
+
+ // Append the file list and delete button to the fileList div
+ $fileListContainer.append(ul);
+ $fileListContainer.append(deleteBtn);
+ }
+ };
+ }
+ },
+ // Get all question answers by question type
+ _prepareSubmitValues: function (formData, params) {
+ this._super(formData, params);
+ this.$('[data-question-type]').each(function () {
+ if ($(this).data('questionType') === 'upload_file') {
+ params[this.name] = [
+ $(this).data('oe-data'),
+ $(this).data('oe-file_name'),
+ ];
+ }
+ });
+ },
+ // Add file upload required case
+ _validateForm: function ($form, formData) {
+ this._super($form, formData);
+ var errors = {};
+ $form.find('[data-question-type]').each(function () {
+ var $input = $(this);
+ var $questionWrapper = $input.closest('.js_question-wrapper');
+ var questionRequired = $questionWrapper.data('required');
+ var constrErrorMsg = $questionWrapper.data('constrErrorMsg');
+ var validationErrorMsg = $questionWrapper.data('validationErrorMsg');
+ var questionId = $questionWrapper.attr('id');
+
+ switch ($input.data('questionType')) {
+ case 'upload_file':
+ if (questionRequired && !$input.val()) {
+ errors[questionId] = constrErrorMsg;
+ }
+ break;
+ }
+ });
+
+ if (_.keys(errors).length > 0) {
+ this._showErrors(errors);
+ return false;
+ }
+
+ return true;
+ },
+ });
+});
+
\ No newline at end of file
diff --git a/survey_upload_file/views/survey_question_views.xml b/survey_upload_file/views/survey_question_views.xml
new file mode 100644
index 000000000..f1f294b17
--- /dev/null
+++ b/survey_upload_file/views/survey_question_views.xml
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+ Upload Files + +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ Upload Files
+ +
+
+
+ + +
Note: You can only upload one file.
+
+ Note: You can upload Multiple files.
+
+
+
+
+
+
+
+
+ +