===== CHATFILTERS ===== !!(\/\/(i.imgur.com)\/(\w+)\.(\w+)) ========= CSS ========= div.upload { width:558px; height:100px; background:url(http://i.imgur.com/t5vj728.png); overflow:hidden; } div.upload input { display:block!important; width:558px!important; height:100px!important; opacity:0!important; overflow:hidden!important; cursor:pointer } #imgupload > .modal-dialog > .modal-content { width: 600px; margin: 0px auto; } ========= JS ========== var imgurUpload = function() { if ($("#uploadbtn").length == 0) $("#leftcontrols").append(''); if ($("#imgupload").length == 0) $("body").append(''); var clearFields = function() { $("#image_selector").val(''); $("#image_preview").attr('src', ''); $("#imgupload").css({'cursor': 'auto'}); }; $("#image_selector").on("change", function() { var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result.substr(e.target.result.indexOf(",") + 1, e.target.result.length); $("#image_preview").attr("src", e.target.result); $.ajax({ url: 'https://api.imgur.com/3/image', headers: { 'Authorization': 'Client-ID YOUR-CLIENt-ID-HERE' }, type: 'POST', data: { 'image': data, 'type': 'base64' }, beforeSend: function() { $("#imgupload").css({'cursor': 'wait'}); }, success: function(response) { $("#imgupload").modal('hide'); clearFields(); $("#chatline").val($("#chatline").val() + '!!' + response.data.link.substring(5)).focus(); }, error: function() { alert("Что-то пошло не так."); clearFields(); } }); }; reader.readAsDataURL(this.files[0]); }); } if ($("#uploadbtn").length == 0) imgurUpload();