Added picture select button

public_new/collaboration_picture.html

@@ -80,6 +80,13 @@
       <div class="d-flex align-items-center h-100">
         <div class="footer_menu_item">
           <a href="#">
+            <div class="img_wrap bg_blue" id="photo_open_place_holder">
+              <img src="icon/icon_collabo_picture.png" alt="写真">
+            </div>
+          </a>
+        </div>
+        <div class="footer_menu_item">
+          <a href="#">
             <div class="img_wrap bg_red" id="penBtn">
               <img src="icon/icon_collabo_pen_white.png" alt="ペン">
             </div>
@@ -197,4 +204,4 @@
     };
   </script>
 </body>
-</html>
\ No newline at end of file
+</html>

public_new/js/collaboration.js

@@ -100,6 +100,10 @@ $(function () {
         $('#penBtn').removeClass('bg_blue');
     }
   })
+  
+  $('#photo_open_place_holder').click(function () {
+      $("#open_file_upload").trigger("click");
+  })
 
   $('#eraserBtn').click(function () {
     $('#coviewEraserCtrBtn').click();