从HyperLink自动提交上传图像

Question

这就是我现在对我的表格的看法。它基本上是一个空的div，右上角有4个链接。当用户点击相机图标时，我希望系统提示他们上传图像，然后在选择图像后上传。有点像stackoverflow.com有这个非常好的形式，它允许我们添加图像，文本，超链接等。我不知道这是如何完成的。

这是我形成的代码。

 echo "<form id='$box_id' name='article_box_form' method='post' action='processforms/process_techtools.php' enctype='multipart/form-data'>";
 echo "<input name='edit_article_box_submit' type='hidden'>";
 echo "<input type='hidden' name='article_id' value='$article_id'>";    
 echo "<input type='file' id='box_image_$box_id' name='box_image_$box_id' accept='image/*' style='display:none;'>";     
 echo "<div id='$box_id' style='position:relative;padding:8px;float:left;width:100%;border:1px solid #ccc;border-radius:8px;min-height:200px;margin-top:12px;'>";
   echo "<div class='article_edit_box_btn' style='top:0px;left:650px;position:absolute;'><i class='fa fa-font'></i></div>";
   echo "<div class='article_edit_box_btn' style='top:0px;left:680px;position:absolute;'><a href='javascript:void(0);' class='add_picture'><i class='fa fa-camera'></i></a></div>";
   echo "<div class='article_edit_box_btn' style='top:0px;left:710px;position:absolute;'><i class='fa fa-arrow-down'></i></div>";
   echo "<div class='article_edit_box_btn' style='top:0px;left:740px;position:absolute;'><i class='fa fa-arrow-up'></i></div>";        
 echo "</div>";
 echo "</form>

＆＃34 ;;