mysqlde bu tarz konularda kısa yol bulmak zor, tek tek yazman lazım, fakat bir insan neden bir tabloda değerlerin boşluğunu kontrol eder? bence kurguladığın yapında bir hata var, mysql'den mantıklı olmayan bir şey talep ediyorsun burada :)

şu kodları çalıştırırsan kodların çalıştığını görebilirsin, eğer değerleri sonradan ekleyip olmayan bir elemana işlem uygulamaya çalışıyorsan bu hatayı alırsın.

<div id="content">content alanı</div>
<script>
    var element = document.getElementById("content");
    element.classList.add("hide");
</script>
<style>
    .hide {
        display: none;
    }
</style>

birisi panele erişim sağladığında eğer böyle bir şey olurs xss'den daha büyük probleminiz var demektir :)
bu işlemi sadece panelden yapıyorsanız x bir kontrolere ihtiyacınız yok, kullanıcıdan bilgi alırken ya strip_tags() ile belli html'leri aktif edersiniz ya da markdown kullanırsınız tamamen html'den bağımsız ya da hiç html göstermezsiniz.

jquery ajax'la doğrudan dosya upload yapılmıyor, pluginler yardımı ile yapabilirsin ben şunu kullanıyorum
http://malsup.com/jquery/form/

Bir tane javascript dosyası var sadece onu dahil edip şu şekilde kullanabilirsin, form içindeki tüm değerleri otomatik gönderiyor dosyalar dahil, url'i form action kısmında belirttiğin yere gönderiyor

<form id="form" action="/ajax/dosya-form.php" method="post"> 
    Dosya: <input type="file" name="dosya" /> 
    <button type="submit">Yükle</button>
</form>
<script>
    $('#form').submit(function() { 
        $(this).ajaxSubmit({
            success: function(response){
                // işlemler
            }
        });
        return false; 
    }); 
</script>

sorunu biraz daha detaylandırırsan yardımcı olmaya çalışalım, pek bir şey anlamadım açıkçası

@erkin, netlify, heroku gibi yerlere projeni deploy edip açık bırakabilirsin belki hiçbir fikrim yok ücretsiz olarak :)