fixed double-file-choosers bug
This commit is contained in:
parent
b0c443f4b6
commit
45129f8936
3 changed files with 43 additions and 39 deletions
40
public/assets/js/dropzoneFunctions.js
Normal file
40
public/assets/js/dropzoneFunctions.js
Normal file
|
@ -0,0 +1,40 @@
|
|||
function showInstructions () {
|
||||
document.getElementById('preview-dropzone-instructions').hidden = false;
|
||||
document.getElementById('asset-preview').style.opacity = 0.3;
|
||||
}
|
||||
|
||||
function hideInstructions () {
|
||||
document.getElementById('preview-dropzone-instructions').hidden = true;
|
||||
document.getElementById('asset-preview').style.opacity = 1;
|
||||
}
|
||||
|
||||
function triggerFileChooser(fileInputId, event) {
|
||||
document.getElementById(fileInputId).click();
|
||||
}
|
||||
|
||||
function drop_handler(event) {
|
||||
event.preventDefault();
|
||||
// if dropped items aren't files, reject them
|
||||
var dt = event.dataTransfer;
|
||||
if (dt.items) {
|
||||
if (dt.items[0].kind == 'file') {
|
||||
var droppedFile = dt.items[0].getAsFile();
|
||||
previewAndStageFile(droppedFile);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function dragover_handler(event) {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
function dragend_handler(event) {
|
||||
var dt = event.dataTransfer;
|
||||
if (dt.items) {
|
||||
for (var i = 0; i < dt.items.length; i++) {
|
||||
dt.items.remove(i);
|
||||
}
|
||||
} else {
|
||||
event.dataTransfer.clearData();
|
||||
}
|
||||
}
|
|
@ -6,7 +6,7 @@
|
|||
<p>Drag & drop image or video here</p>
|
||||
<p>OR</p>
|
||||
<form>
|
||||
<label class="input-file-label" for="siofu_input">CHOOSE FILE</label>
|
||||
<label class="input-file-label">CHOOSE FILE</label>
|
||||
<input class="input-file" type="file" id="siofu_input" name="siofu_input" accept="video/*,image/*" onchange="previewAndStageFile(event.target.files[0])" enctype="multipart/form-data"/>
|
||||
</form>
|
||||
</div>
|
||||
|
@ -29,7 +29,7 @@
|
|||
<p>Drag & drop image or video here</p>
|
||||
<p>OR</p>
|
||||
<form>
|
||||
<label class="input-file-label" for="siofu_input">CHOOSE FILE</label>
|
||||
<label class="input-file-label">CHOOSE FILE</label>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
@ -64,43 +64,6 @@
|
|||
var uploader = new SocketIOFileUpload(socket);
|
||||
var stagedFiles = null;
|
||||
|
||||
/* drop zone functions */
|
||||
function showInstructions () {
|
||||
document.getElementById('preview-dropzone-instructions').hidden = false;
|
||||
document.getElementById('asset-preview').style.opacity = 0.3;
|
||||
}
|
||||
function hideInstructions () {
|
||||
document.getElementById('preview-dropzone-instructions').hidden = true;
|
||||
document.getElementById('asset-preview').style.opacity = 1;
|
||||
}
|
||||
function drop_handler(event) {
|
||||
event.preventDefault();
|
||||
// if dropped items aren't files, reject them
|
||||
var dt = event.dataTransfer;
|
||||
if (dt.items) {
|
||||
if (dt.items[0].kind == 'file') {
|
||||
var droppedFile = dt.items[0].getAsFile();
|
||||
previewAndStageFile(droppedFile);
|
||||
}
|
||||
}
|
||||
}
|
||||
function dragover_handler(event) {
|
||||
event.preventDefault();
|
||||
}
|
||||
function dragend_handler(event) {
|
||||
var dt = event.dataTransfer;
|
||||
if (dt.items) {
|
||||
for (var i = 0; i < dt.items.length; i++) {
|
||||
dt.items.remove(i);
|
||||
}
|
||||
} else {
|
||||
event.dataTransfer.clearData();
|
||||
}
|
||||
}
|
||||
function triggerFileChooser(fileInputId, event) {
|
||||
document.getElementById(fileInputId).click();
|
||||
}
|
||||
|
||||
/* socketio-file-upload listeners */
|
||||
function updatePublishStatus(msg){
|
||||
document.getElementById('publish-status').innerHTML = msg;
|
||||
|
|
|
@ -25,6 +25,7 @@
|
|||
<script src="/assets/js/publishFileFunctions.js"></script>
|
||||
<script src="/assets/js/authFunctions.js"></script>
|
||||
<script src="/assets/js/loginFunctions.js"></script>
|
||||
<script src="/assets/js/dropzoneFunctions.js"></script>
|
||||
<script src="/assets/js/createChannelFunctions.js"></script>
|
||||
<script src="/assets/js/navBarFunctions.js"></script>
|
||||
{{> navBar}}
|
||||
|
|
Loading…
Add table
Reference in a new issue