Tuesday, May 10, 2011

JavaScript – Upload multiple images

<script type=”text/javascript” language=”javascript”>
function AddMoreImages()
{
if (!document.getElementById && !document.createElement)
return false;
var fileUploadarea = document.getElementById(“fileUploadarea”);
if (!fileUploadarea)
return false;
//var newFile = document.createElement(“input”);
// newFile.type = “file”;
var deletediv = document.createElement(“DIV”);
if (!AddMoreImages.lastAssignedId)
AddMoreImages.lastAssignedId = 100;
// newFile.setAttribute(“id”, “FileUpload” + AddMoreImages.lastAssignedId);
// newFile.setAttribute(“name”, “FileUpload” + AddMoreImages.lastAssignedId);
deletediv.innerHTML=’<input id=”file’ + AddMoreImages.lastAssignedId + ‘” name = “file’ + AddMoreImages.lastAssignedId + ‘”class=fileUpload type=”file” />’ + ‘<input id=”Button’ + AddMoreImages.lastAssignedId + ‘”class=deleteBtn type=”button” ‘ + ‘value=”Delete” onclick = “RemoveFileUpload(this)” />’;
//newFile.className=”fileUpload”;
var div = document.createElement(“div”);
//div.appendChild(newFile);
div.appendChild(deletediv);
div.setAttribute(“id”, “div” + AddMoreImages.lastAssignedId);
fileUploadarea.appendChild(div);
AddMoreImages.lastAssignedId++;
}
function RemoveFileUpload(div)
{
document.getElementById(“fileUploadarea”).removeChild(div.parentNode.parentNode);
}
</script>

No comments:

Post a Comment