<div id="table_btn">
<form>
<input id="fileupload" type="file">
</form>
</div>
<script type="text/javascript">
function tstFile(val){
var reg =new RegExp("^text/xml|x-json");
var tst = val.match(reg);
if (tst){
return true;
}
return false;
}
var elem = document.getElementById('fileupload'),
url='/convers/upload_file/', // путь к обработчику (берём из атрибута action нашей формы)
params = [],
elName,
elType;
elType = 'file'; // тип текущего элемента (атрибут type)
elName = 'files'; // имя текущего элемента (атрибут name)
params.push(elName + '=' + elem.value);
var node = document.createElement("P");
var span = document.createElement("SPAN");
//Создаем элемент кнопка
var uploadButton = document.createElement("BUTTON");
//Назначаем различные атрибуты кнопке
uploadButton.value = "Processing...";
uploadButton.className = "btn btn-primary";
uploadButton.onclick = myFunction;
function myFunction() {
alert()
}
elem.onchange=function(e){
var file=e.currentTarget.value
var textnode = document.createTextNode(file);
var type=e.currentTarget.files[0].type
var type_text=type==='text/xml'?'to JSON':'to XML'
if(tstFile(type)){
var textnode_btn = document.createTextNode(type_text);
uploadButton.appendChild(textnode_btn);
var cln = uploadButton.cloneNode(true);
span.appendChild(textnode);
node.appendChild(span);
document.getElementById("table_btn").appendChild(node);
document.getElementById("table_btn").appendChild(cln);
}
};
</script>
кнопка появляется но при нажатии никакой реакции
