Implement drag-and-drop support in the viewer for local files
This commit is contained in:
		
							parent
							
								
									db874b6680
								
							
						
					
					
						commit
						8e95506116
					
				
							
								
								
									
										18
									
								
								web/app.js
									
									
									
									
									
								
							
							
						
						
									
										18
									
								
								web/app.js
									
									
									
									
									
								
							@ -1622,6 +1622,24 @@ function webViewerInitialized() {
 | 
			
		||||
        fileInput: evt.target,
 | 
			
		||||
      });
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    // Enable draging-and-dropping a new PDF file onto the viewerContainer.
 | 
			
		||||
    appConfig.mainContainer.addEventListener('dragover', function(evt) {
 | 
			
		||||
      evt.preventDefault();
 | 
			
		||||
 | 
			
		||||
      evt.dataTransfer.dropEffect = 'move';
 | 
			
		||||
    });
 | 
			
		||||
    appConfig.mainContainer.addEventListener('drop', function(evt) {
 | 
			
		||||
      evt.preventDefault();
 | 
			
		||||
 | 
			
		||||
      const files = evt.dataTransfer.files;
 | 
			
		||||
      if (!files || files.length === 0) {
 | 
			
		||||
        return;
 | 
			
		||||
      }
 | 
			
		||||
      PDFViewerApplication.eventBus.dispatch('fileinputchange', {
 | 
			
		||||
        fileInput: evt.dataTransfer,
 | 
			
		||||
      });
 | 
			
		||||
    });
 | 
			
		||||
  } else {
 | 
			
		||||
    appConfig.toolbar.openFile.setAttribute('hidden', 'true');
 | 
			
		||||
    appConfig.secondaryToolbar.openFileButton.setAttribute('hidden', 'true');
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user