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);

 

760 بازدیدها
parisa rekabdari

تماس با ما

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

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

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

بالا