ASP.NET

17-Jun-16 21:44

Hi Friends. I have done my project in asp.net with using webmethod concepts. I deployed it in live server. Clients are using windows 8 with IE 11/9. When users used my projects then IE version are changed to IE7. webmethod and json does not support IE 7/8. but when this page open then its automatically IE version changed and display 'JSON object' error. I tried to changed IE default version 9.but its automatically changed IE 7/8. how to change IE default version 9. what is the solution for my problem? Give me your suggestions.

Nathan Minier20-Jun-16 1:27

Nathan Minier

20-Jun-16 1:27

It sounds like your headers are sent to IE7 compatibility.

Check the template page (your index.html/aspx/whatever) and make sure that the compatibility header is set correctly. For instance, for IE 9:

HTML

<head>
...
<meta http-equiv="X-UA-Compatible" content="IE=9" />
...
</head>

"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli

parthi_src21-Jun-16 7:05

21-Jun-16 7:05

Hi,
I also use this meta header name. But no use.

John C Rayan20-Jun-16 1:48

20-Jun-16 1:48

You did not say what the problem is !

parthi_src21-Jun-16 7:06

21-Jun-16 7:06

Hi,
My problem is IE default version are automatically changed IE Edge to IE 7. But I want IE default version 9. How to changed default version of IE 9?

John C Rayan22-Jun-16 1:33

22-Jun-16 1:33

CAn you post your Meta tags.

parthi_src22-Jun-16 7:00

22-Jun-16 7:00

John C Rayan23-Jun-16 4:00

How to trigger an event from fileupload?

23-Jun-16 4:00

You need to check few things here. If your application does not set to IE7 deliberately then why would browsers change to IE7, which means you dont have to set the compatibility meta tag at all.

It raises the second question which is by setting the meta tag to IE9 why wouldn't browers obey it.

My answer to the first question is, can you please check that your application doesn't alter browser's default beahviour deliberately.

Answer to the second question is that check your web.config and make sure that the correct meta tag is passed to the pages. Also check the 'view source' HTML in the browser rather than taking it from your source code.

Hope this helps.

turbosupramk316-Jun-16 6:25

turbosupramk3

16-Jun-16 6:25

I'm new to ASP, but not c#.

The fileupload control seems to be different than the rest of my controls, I cannot seem to link it to my c# code.

Do I need to create an event listener for it? Or a background worker process thread to monitor something from it?

I'm sure this is caused by me not understanding how the html and c# code work. How can I communicate between the fileupload control and my c sharp code in the background? I tried to put a javascript function into the head portion but it does not appear to be called and when I put a break point in there to test it, it does not hit the break point.

Thanks

ASP.NET

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="True"
    CodeBehind="Default.aspx.cs" Inherits="exchangePictureUpdater.exchangePictureUpdater" %>


<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script src="jquery-2.2.4.js"></script>
      <script>

          function loadimage() {
              alert($("#thefile").prop('files'));
          }

          function readURL(input) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader();

                  reader.onload = function (e) {
                      $('#imgBox')
                          .attr('src', e.target.result)
                      <%--.width(150)
                          .height(200); --%>
                      $("#<%=tbxPictureHeight.ClientID %>").val("");
                      $("#<%=tbxPictureWidth.ClientID %>").val("");
                      $("#<%=tbxPictureFileSize.ClientID %>").val("");

                      $('#imgBox').on('load', function () {
                          var height = this.naturalHeight,
                              width = this.naturalWidth;
                          $("#<%=tbxPictureHeight.ClientID %>").val(height);
                          $("#<%=tbxPictureWidth.ClientID %>").val(width);
                          var imgpath = document.getElementById('theFile');
                          //if (!imgpath.value==""){
                          //var img=imgpath.files[0].size;
                          //var imgsize=img/1024; 
                          //alert(imgsize);
                          //$("#<%=tbxPictureFileSize.ClientID %>").val(imgsize);
                      });
                  };

                  reader.readAsDataURL(input.files[0]);

              }
          }
          //function btnAddReplace_Click() {
          //    alert($("#imgBox").prop('src'));
          //}

      </script>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Button ID="btnResolvePin" runat="server" Height="29px" Text="Resolve Pin" Width="160px" OnClick="btnResolvePin_Click" />
&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="tbxPinName" runat="server"></asp:TextBox>
&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;
    
    <asp:DropDownList ID="ddlDomains" runat="server">
        <asp:ListItem Value="1"></asp:ListItem>
        <asp:ListItem Value="2"></asp:ListItem>
        <asp:ListItem Value="3"></asp:ListItem>
        <asp:ListItem Value="4"></asp:ListItem>
        <asp:ListItem Value="5"></asp:ListItem>
        <asp:ListItem Value="6"></asp:ListItem>
        <asp:ListItem Value="7"></asp:ListItem>
        <asp:ListItem Value="8"></asp:ListItem>
    </asp:DropDownList>
    <br />
&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="lblUserResolvedName" runat="server" Text="User Resolved Name"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="tbxUserName" runat="server" ReadOnly="True" Width="354px"></asp:TextBox>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Button ID="btnTest" runat="server" Height="29px" OnClick="btnTest_Click" Text="Test" />
    <br />
    <br />
&nbsp;<asp:Label ID="lblBrowseForPicture" runat="server" Text="Browse For Picture"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="lblPictureHeight" runat="server" Text="Picture Height"></asp:Label>
&nbsp;
    <asp:Label ID="lblPictureWidth" runat="server" Text="Picture Width"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="lblPictureFileSize" runat="server" Text="File Size"></asp:Label>
    <br />
    <asp:FileUpload ID="thefile" runat="server" onchange="readURL(this);" itemid="thefile" value="thefile" Width="347px" />
&nbsp;&nbsp;&nbsp;&nbsp;<asp:TextBox ID="tbxPictureHeight" runat="server" ReadOnly="True" Width="70px"></asp:TextBox>
&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="tbxPictureWidth" runat="server" ReadOnly="True" Width="70px"></asp:TextBox>
&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="tbxPictureFileSize" runat="server" ReadOnly="True" Width="70px"></asp:TextBox>
    <asp:Label ID="lblPictureFileSizeInKBs" runat="server" Text="KB's"></asp:Label>
&nbsp;&nbsp;&nbsp;
    <br />
    <br />
    <asp:Button ID="btnViewPicture" runat="server" Height="29px" OnClick="btnViewPicture_Click" Text="View Picture" Width="160px" />
    <br />
    <br />
    <asp:Button ID="aspbtnAddReplace" runat="server" Height="29px" OnClick="btnAddReplace_Click" text="Add/Replace Picture" Width="160px" />
    <br />
    <br />
    <asp:Button ID="btnDelete" runat="server" Height="29px" OnClick="btnDelete_Click" Text="Delete Picture" Width="160px" />
    <br />
    <br />
    <asp:Button ID="btnSavePicture" runat="server" Height="29px" OnClick="btnSavePicture_Click" Text="Save Picture" Width="160px" />
    <br />
    <br />
    <asp:Button ID="btnClearPicture" runat="server" Height="29px" OnClick="btnClearPicture_Click" Text="Clear Picture" Width="160px" />
    <br />
    <br />
    <asp:Image ID="imgBox" runat="server" ImageUrl='<%# "data:image/jpg;base64," + Convert.ToBase64String((byte[])Eval("IMG_DATA")) %>' />
&nbsp; 
    <asp:Panel ID="DialogControl" Visible="false" runat="server" style="position:absolute;width:200px;height:150px;top:200px;right:300px;border:thick;z-index:100" BackColor="Red" BorderColor="Black" BorderStyle="Solid" BorderWidth="5px">
        <asp:Literal ID="DialogContent" runat="server"></asp:Literal><br />
        <asp:Panel id="buttonpanel" runat="server" style="text-align: center; position:relative;" Height="100%" Width="100%" BackColor="Red" >
        <asp:Button ID="DialogOKButton" runat="server" Text="OK" OnClick="DialogOKButton_Click" style="text-align: center; position: absolute; bottom:0;"/>

        </asp:Panel>
    </asp:Panel>
</asp:Content>

Re: How to trigger an event from fileupload?

jkirkerx16-Jun-16 8:02

jkirkerx

16-Jun-16 8:02

To the best of my knowledge, you just listen for the file upload event.

In MVC, I wrote a new way of uploading a file, or multiple files at the same time.
I used JQuery to listen for the DOM event "change"; file upload button, and ran a JQuery function to intercept the upload and target the data to a JsonResult in one of my controllers, an Ajax controller.

Sounds weird huh?. But I will show 2 examples, MVC and Webforms. I believe this is the secret to Uploadify.

JQuery: in the document ready, I listened for the upload button to fire an event to upload the file stream, which is just a base64 string representing bytes. So this validates the name of the files, and then runs the function

$("#AvatarBrowse").on("change", function (e) {
    if (validate_upload_brandAvatar()) {
        run_upload_brandAvatar(e, $(this));
    }
});

JQuery: This intercepts the file upload, but passes extra data along with the page event.

var _extraData = "?id=-1&avatarName=" + _avatarName + "&avatarAlt=" + _avatarAlt;

if (window.FormData !== undefined) {
    var _data = new FormData();
    for (var x = 0; x < _files.length; x++) {
        _data.append("file" + x, _files[x]);
    }

    $.ajax({
        type: "POST",
        url: '/Ajax/json_upload_brand_avatar' + _extraData,
        contentType: false,
        processData: false,
        data: _data,

Then in my Ajax Controller, its an Async Task<<JsonResult>>
This grabs the file content in the base64 string of bytes, and converts the string to a byte array to save in the database. Then it processes the image, and sends back a base64 string of the image to preview after changes.

var fileContent = Request.Files[file];
      if (fileContent != null && fileContent.ContentLength > 0)
      {
           // Wait and convert the Stream to a Byte Array
           using (MemoryStream stream_in = new MemoryStream())
           {
              fileContent.InputStream.CopyTo(stream_in);

              // and optionally write the file to disk
              string oFileName = fileContent.FileName;
              string oFileExt = Path.GetExtension(oFileName);
              string fileName = cleanInput.Clean_FileName(avatarName.ToLower() + oFileExt);
              var path = Path.Combine(Server.MapPath("~/Images/avatars/departments"), fileName);

On webforms, it's a different process.
you use the IHTTPHandler and ProcessRequest to intercept the file upload. I wrote this in VB, I just started writing in c#. This uses uploadify to upload the file, and the function below intercepts the upload from the browser, captures the post to the server.

Public Class Admin_Management_ckEditor_Upload
    Inherits System.Web.UI.Page
    Implements IHttpHandler
    Implements IRequiresSessionState

    Public Overrides Sub ProcessRequest(ByVal context As HttpContext)

        Dim Exception_Message As String = Nothing

        Try

            Dim vFlag As Boolean = False

            Dim m_Context As HttpContext = HttpContext.Current
            Dim m_file As HttpPostedFile = m_Context.Request.Files("upload")

            If Not (m_file Is Nothing) Then

                'Get the Uploaded file information from the file object
                Dim m_fileName As String = m_file.FileName
                Dim m_fileSize As Integer = m_file.ContentLength
                Dim m_fileContent As String = m_file.ContentType

Basically in a nut shell, the browser will post the file to the server, you just need something to intercept the post and do something with it. I find once again that MVC is much more easier to work with and requires much less code.

Knowing now that the upload is just a base64 string of bytes, it's much easier for me to comprehend what is happening, and turn that string of bytes into a byte array to save in the database or to write out as a file. I choose to funnel that byte array into an image processor that I wrote, posted in a previous post here, to further process the image and return the byte array back, using my Ajax controller function. I sent it back as a base64 string to the page so the processed image can be previewed and saved.

I don't expect you to just pick on this and run with it, but its enough information for you to search in the right direction towards your goal. I don't remember a simpler way of doing it anymore. It's one of those things that you write once and keep using over and over.

Re: How to trigger an event from fileupload?

F-ES Sitecore17-Jun-16 1:49

F-ES Sitecore

17-Jun-16 1:49

You don't have any c# code that is interacting with the file upload so you might need to explain your problem better, and maybe be more explicit about the language you use, eg javascript isn't c#, are you trying to interact on the client or the server, and so on.

Reg Chorome Browser

harikreddy16-Jun-16 2:29

harikreddy

16-Jun-16 2:29

Dear All,
Can you please suggest me how to open specific url in Chrome Browser from asp.net Iframe.

Re: Reg Chorome Browser

Nathan Minier17-Jun-16 1:47

Nathan Minier

17-Jun-16 1:47

Erm...

HTML

<iframe src="specific.address.com">
   You need IFrames enabled to view this content
</iframe>

Just a thought.

"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli

Re: Reg Chorome Browser

F-ES Sitecore17-Jun-16 1:51

F-ES Sitecore

17-Jun-16 1:51

You can't dictate or control what browser your files are opened in. It will be opened in whatever browser the user chooses to view your page. If your page only works in chrome then you have to fix your code such that it works on all browsers.

Re: Reg Chorome Browser

John C Rayan20-Jun-16 1:53