How to upload multiple images to SQL Server using JSON in ASP.Net MVC?

Navigation
1

I need to insert a set of information into the SQL Server database data, but along with them some photos along with some strings. I'm looking forward to moving everything through JSON.

Input to select the image: 

  <th> 
      <div  class = "form-group" > 
           <label  for = "legendaFoto5" > Legenda </label> 
           <input  type = "text"  class = "form-control"  id = "legendaFoto5"  placeholder = "Legenda da Foto " > 
      </ div> 
  </ th>

As step to JSON (it's not going well until I changed the first sfoto1InputFile to be able to load, but it did not work): 

<script  type = "text/javascript" > 
    $ ( document ). ready ( function  ()  { 
        $ ( "#salvarLevantamentoFicha" ). click ( function  ( evt )  { 
            var sfoto1InputFile = $ ( "#foto1InputFile" ). get ( 0 ). files [ 0 ]; 
            var sfoto2InputFile = $ ( "#foto2InputFile" ). image ; 
            var sfoto3InputFile = $ ( "#foto3InputFile" ). image ; 
            var sfoto4InputFile = $ ( "#foto4InputFile" ). image ; 
            var sfoto5InputFile = $ ( "#foto5InputFile" ). image ;

            var strlegendaFoto1 = $ ( "#legendaFoto1" ). val (); 
            var strlegendaFoto2 = $ ( "#legendaFoto2" ). val (); 
            var strlegendaFoto3 = $ ( "#legendaFoto3" ). val (); 
            var strlegendaFoto4 = $ ( "#legendaFoto4" ). val (); 
            var strlegendaFoto5 = $ ( "#legendaFoto5" ). val (); 
          $ . getJSON ( "@Url.Content(" ~ /CadLevantamentoAmbiental/ SalvarFichaLevantamentoTC ")" ,  { 
                _sfoto1InputFile : sfoto1InputFile , 
                _sfoto2InputFile : sfoto2InputFile , 
                _sfoto3InputFile : sfoto3InputFile , 
                _sfoto4InputFile : sfoto4InputFile , 
                _sfoto5InputFile : sfoto5InputFile , 
                _strlegendaFoto1 : strlegendaFoto1 , 
                _strlegendaFoto2 : strlegendaFoto2 , 
                _strlegendaFoto3 : strlegendaFoto3 , 
                _strlegendaFoto4 : strlegendaFoto4 , 
                _strlegendaFoto5 : strlegendaFoto5                
             });

        }); 
    }); 
</ script>
    
asked by anonymous 05.09.2014 / 22:33

1 answer

2

I would use the jQuery File Upload plugin.

Example of how to use it with ASP.NET MVC.

Now, correcting your example, I believe that an exchange of $.getJSON by $.post() ; passing the necessary parameters.

    
06.09.2014 / 00:46
Tie repeat jquery Url.Action outside the Area