Javascript 图像上传与拖放；删除HTML

嗨，我有一个拖放的问题，我想在整个父的div中扩展输入的大小 我不知道为什么，但输入设置在拖放div下。 有人能帮我吗？

我做了一把小提琴，但不起作用。。。

.uploader{
文本对齐：居中；
填充：1em 0；
利润率：1米0；
颜色：#555；
边框：2个虚线#888；
边界半径：7px；
游标：默认值；
}
#文件照片{
位置：绝对位置；
不透明度：0；
光标：指针；
}
单击此处或将图像拖到此处进行预览并设置userprofile\u图片数据
var imageLoader=document.getElementById（'filePhoto'）；
imageLoader.addEventListener（'change'，handleImage，false）；
函数handleImage（e）{
var reader=new FileReader（）；
reader.onload=函数（事件）{
$（'#blah'）.attr（'src'，event.target.result）；
}
reader.readAsDataURL（e.target.files[0]）；
}

试试这个CSS

.uploader {
  position: relative;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #888;
  border-radius: 7px;
  cursor: default;
}

#filePhoto {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
}

---

你的小提琴是空的。已更新小提琴。。。

.uploader {
  position: relative;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #888;
  border-radius: 7px;
  cursor: default;
}

#filePhoto {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
}