html upload image
<input type="file" accept="image/*" />File Upload Button and display file javascript
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Upload Image
</label>
<input id="file-upload" name='upload_cont_img' type="file" style="display:none;">
</form>upload button in html
<form action="/action_page.php">
<input type="file" id="myFile"
name="filename">
<input type="submit">
</form>html editor with file upload
// Include the file upload plugin.
<script src="../js/plugins/file_upload.min.js"></script>
<script>
$(function() {
$('.selector')
.editable({
// Add the upload file button in the toolbar buttons list.
buttons: ['bold', 'italic', 'uploadFile', 'html'],
// Set the file upload parameter.
fileUploadParam: 'file_param',
// Set the file upload URL.
fileUploadURL: '/upload_file',
// Additional upload params.
fileUploadParams: {id: 'my_editor'}
})
.on('editable.fileError', function (e, editor, error) {
// Custom error message returned from the server.
if (error.code == 0) { ... }
// Bad link.
else if (error.code == 1) { ... }
// No link in upload response.
else if (error.code == 2) { ... }
// Error during file upload.
else if (error.code == 3) { ... }
// Parsing response failed.
else if (error.code == 4) { ... }
// File too text-large.
else if (error.code == 5) { ... }
// Invalid file type.
else if (error.code == 6) { ... }
// File can be uploaded only to same domain in IE 8 and IE 9.
else if (error.code == 7) { ... }
})
});
</script>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
