Access to control in Detailsview By Javascript

Greeting All I Used Detailsview Control to insert form data. In DetailsView has upoladfile control to upload image. I used JavaScript method to show image before upload it. Like that example [https://www.youtube.com/watch?v=DX3ZoZZ1se8][1]

If apply same example without Detailsview everything good.

Problem: If apply same javascript on uploadfile in detilsview cant work: that's code below:

"text/javascript">
function ImagePreview(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('<%# ((DV_AddEmployee).FindFieldTemplate("Photo").FindControl("Image1")).ClientID %>').prop('src', e.target.result)
.width(90)
.height(90);
};
reader.readAsDataURL(input.files[0]);
}
}

and that's id DetilsView code:

"DV_Add" runat="server" Height="50%" Width="50%" DefaultMode="Insert" AutoGenerateRows="False" DataKeyNames="Id" OnItemCommand="DV_Add_ItemCommand">
"Photo:">
"FileUpload1" runat="server" onchange="ImagePreview(this)" />
"Image1" runat="server" />
"BtnInsert" runat="server" Text="Insert" CommandName="AddNew" />
"Btncancel" runat="server" Text="Cancel" CommandName="Cancel" />
"DV_Add" runat="server" Height="50%" Width="50%" DefaultMode="Insert" AutoGenerateRows="False" DataKeyNames="Id" OnItemCommand="DV_Add_ItemCommand"> "Photo:"> "FileUpload1" runat="server" onchange="ImagePreview(this)" /> "Image1" runat="server" /> "BtnInsert" runat="server" Text="Insert" CommandName="AddNew" /> "Btncancel" runat="server" Text="Cancel" CommandName="Cancel" />

Am trying many ways to access to controls image in detailsview (template)(row) no way..

Thanks or help

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Aktham Mahmoud6y ago
((DV_AddEmployee).FindFieldTemplate("Photo").FindControl("Image1")).ClientID %>
Aktham Mahmoud6y ago
Can't executing in load page
beacuse is related with buton event (( onchange="ImagePreview(this)))..
So my problem I described it lastly..
((DV_AddEmployee).FindFieldTemplate("Photo").FindControl("Image1")).ClientID %>

can't access to image control..
Laxmidhar Sahoo6y ago
hey I think beforte loading the page the script is executing