Drag & Drop در Attachment پاورفرم

29 فروردين 1394 نویسنده :  

فعالسازی Drag & Drop در Attachment فرم ساز PowerForms

1. کد زیر را درقسمت Include پاورفرم قرار دهید :

 

<script>

   function HookDragNDrop(form)

   {

      var attachments = form.Form.ATTACHMENTS_DIV;

      

      // Optional.   Show the copy icon when dragging over.  Seems to only work for chrome.

      attachments.addEventListener('dragover', function(e) {

         e.stopPropagation();

         e.preventDefault();

         e.dataTransfer.dropEffect = 'copy';

      });

 

      // Get file data on drop

      attachments.addEventListener('drop', function(e) {

         e.stopPropagation();

         e.preventDefault();

         var files = e.dataTransfer.files; // Array of all files

         alert(files[0].name); //get the first file. Here you would have to find a way of uploading the files through javascript, reading HTML5 FileReader object.

      });

   }

</script>

 

2. کد زیر را در قسمت  LoadCompleted  قرار دهید :

HookDragNDrop(form);

 

210 بازدیدها
زهرا

Suspendisse at libero porttitor nisi aliquet vulputate vitae at velit. Aliquam eget arcu magna, vel congue dui. Nunc auctor mauris tempor leo aliquam vel porta ante sodales. Nulla facilisi. In accumsan mattis odio vel luctus.

تماس با ما

شیرپوینت سنتر

  • آدرس: استان تهران ، خیابان بهشتی ، خیابان سهروردی شمالی ، خیابان امامی ، پلاک 8
  • شماره تماس: 09196202395 - 09358791030
  • ایمیل: info@sharepointcenter.ir

دپارتمان شیرپوینت ایران

بالا