Obtendo o Uploadify para trabalhar com asp.net-mvc
Estou tentando fazer o Uploadify funcionar com meu site, mas estou recebendo um "Erro HTTP" genérico antes mesmo de o arquivo ser enviado ao servidor (digo isso porque o Fiddler não mostra nenhuma solicitação de postagem ao meu controlador.
Posso procurar corretamente o arquivo a ser carregado. A fila está preenchida corretamente com o arquivo a ser carregado, mas quando clico no botão enviar, o elemento na fila fica vermelho e diz Erro HTTP.
De qualquer forma, este é o meu código parcial:
<% using ( Html.BeginForm( "Upload", "Document", FormMethod.Post, new { enctype = "multipart/form-data" } ) ) { %>
<link type="text/css" rel="Stylesheet" media="screen" href="/_assets/css/uploadify/uploadify.css" />
<script type="text/javascript" src="/_assets/js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="/_assets/js/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("[ID$=uploadTabs]").tabs();
var auth = "<% = Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value %>";
$('#fileInput').uploadify({
uploader: '/_assets/swf/uploadify.swf',
script: '/Document/Upload',
folder: '/_uploads',
cancelImg: '/_assets/images/cancel.png',
auto: false,
multi: false,
scriptData: { token: auth },
fileDesc: 'Any document type',
fileExt: '*.doc;*.docx;*.xls;*.xlsx;*.pdf',
sizeLimit: 5000000,
scriptAccess: 'always', //testing locally. comment before deploy
buttonText: 'Browse...'
});
$("#btnSave").button().click(function(event) {
event.preventDefault();
$('#fileInput').uploadifyUpload();
});
});
</script>
<div id="uploadTabs">
<ul>
<li><a href="#u-tabs-1">Upload file</a></li>
</ul>
<div id="u-tabs-1">
<div>
<input id="fileInput" name="fileInput" type="file" />
</div>
<div style="text-align:right;padding:20px 0px 0px 0px;">
<input type="submit" id="btnSave" value="Upload file" />
</div>
</div>
</div>
<% } %>
Muito obrigado por ajudar!
ATUALIZAR:
Adicionei um manipulador "onError" ao script uploadify para explorar qual erro estava acontecendo, como no exemplo a seguir
onError: function(event, queueID, fileObj, errorObj) {
alert("Error!!! Type: [" + errorObj.type + "] Info [" + errorObj.info + "]");
}
e descobriu que a propriedade info contém302. Eu também adicionei o"método" parâmetro para fazer o upload com o valor de'postar'.
Estou incluindo meu código de ação do controlador para obter informações. Eu li muitos posts sobre o uloadify e parece que posso usar uma ação com a seguinte assinatura ...
[HttpPost]
public ActionResult Upload(string token, HttpPostedFileBase fileData) {
FormsAuthenticationTicket ticket = FormsAuthentication.Decrypt(token);
if (ticket!=null) {
var identity = new FormsIdentity(ticket);
if(identity.IsAuthenticated) {
try {
//Save file and other code removed
return Content( "File uploaded successfully!" );
}
catch ( Exception ex ) {
return Content( "Error uploading file: " + ex.Message );
}
}
}
throw new InvalidOperationException("The user is not authenticated.");
}
Alguém pode me ajudar, por favor?